DataList控件里添加复选框实现全选

最新推荐文章于 2022-08-31 10:55:17 发布

bydxyj

最新推荐文章于 2022-08-31 10:55:17 发布

阅读量1.4k

点赞数

CC 4.0 BY-SA版权

分类专栏： ASP.Net 文章标签： javascript function input

版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文链接：https://blog.youkuaiyun.com/bydxyj/article/details/3908680

ASP.Net 专栏收录该内容

87 篇文章

订阅专栏

本文介绍了一种使用JavaScript实现页面中复选框全选功能的方法。通过添加一个全选按钮并利用JavaScript函数来控制页面上特定ID的DataList控件内的复选框状态。该方法适用于需要批量操作选项的场景。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1、js方法实现：

首先添加一个负责全选的复选框：

<input id="Checkbox1" type="checkbox" onclick="SelectAll(this,'Dlperson')"/> //Dlperson 是DataList控件的ID

然后在<head></head>里添加下面的代码实现全选：

<script language="javascript" type="text/javascript">
     function SelectAll(tempControl,tempSpan)
    {
      //将除头模板中的其它所有的CheckBox取反
      var theBox=tempControl;

      var xState=theBox.checked;
      var strTemp=tempSpan;
      var count=0;
      elem=theBox.form.elements;
      for(i=0;i<elem.length;i++)
      {
           if(elem[i].type=="checkbox" && elem[i].id!=theBox.id&& elem[i].name.substr(0,elem[i].name.indexOf('$'))==strTemp)
            {
                 if(elem[i].checked!=xState)
                 {
                  elem[i].click();
                  count++;
                 }
            }
            if(count==20) //通过给count赋值来确定每次全选选择多少条，如此处是每次选择20条，
            {
            break;
            }
      }
    }
</script>

评论

被折叠的条评论为什么被折叠?

到【灌水乐园】发言

查看更多评论

添加红包

成就一亿技术人!

hope_wisdom

发出的红包

实付元

使用余额支付

点击重新获取

扫码支付

钱包余额 0

抵扣说明：

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