选择DataList中的CheckBox控件后该行背景变色

本文介绍了如何在DataList中选择CheckBox时改变对应行的背景颜色。通过给table设置ID,绑定事件并利用JavaScript实现颜色变化。在遇到JavaScript报错时,通过查看网页源代码发现问题在于.NET自动生成的ID与手动设置的ID冲突,并提供了解决方案。
摘要由CSDN通过智能技术生成

闲时看了一篇“选择DataGrid中的CheckBox控件后该行背景变色”,于是找DataList做一下实验。

思路是这样的,先给table一个id,然后在绑定事件里把原id去掉,再重新加一个自己的id进去,最后调用js函数。

js如下:

 function CheckMe(chk,cell)

{

if(chk.checked)

      cell.style.backgroundColor="#ff9900";

else

     cell.style.backgroundColor="";

}

CS:

绑定数据后

 private void DtlWebList_ItemDataBound(object sender, System.Web.UI.WebControls.DataListItemEventArgs e)
  {
   int i=1;
   foreach(DataListItem _item in DtlWebList.Items)
   {
    System.Web.UI.HtmlControls.HtmlInputCheckBox chk=(System.Web.UI.HtmlControls.HtmlInputCheckBox)_item.FindControl("chkDel");
    System.Web.UI.HtmlCont

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值