Gridview使用CheckBox全选与单选 Version 3

海哥  金牌会员 | 2024-12-29 19:54:24 | 显示全部楼层 | 阅读模式
打印 上一主题 下一主题

主题 881|帖子 881|积分 2643

还是有网友开发ASP.NET程序,今天联系Insus.NET说,参考下面随笔,无法实现,没有效果。
Gridview使用CheckBox全选与单选 Version 2   https://www.cnblogs.com/insus/archive/2013/05/22/3093114.html
几番细致查抄,放大对着搬,照抄,没能错呀!说实的,具体原因,Insus.NET也找不出来,欠好意思。
没有办法啦,Insus.NET花上一些时间,重新写,下面尽量截图说明与帖代码,

 

上面几个数字标记,是js代码中必要引用的。
javascript code ,

 
  1. var gridview = document.getElementById('<%=GridView_Misc.ClientID %>');
  2. var headerCheckBox = gridview.getElementsByTagName("input")[0];
  3. var rs = gridview.rows.length;
复制代码
Source Code 1 
  1. function checkboxSelectedAll(checkbox) {
  2.     var selected = checkbox.checked ? true : false;
  3.     for (var r = 1; r < rs; r++) {
  4.         var input = gridview.rows[r].cells[0].getElementsByTagName("input");
  5.         if (input[0].type = "checkbox") {
  6.             input[0].checked = selected;
  7.         }
  8.     }
  9. }
复制代码
Source Code 2 
  1. function checkboxSelectedSingle(checkbox) {
  2.     if (checkbox.checked) {
  3.         headerCheckBox.checked = true;
  4.         for (var r = 1; r < rs; r++) {
  5.             var input = gridview.rows[r].cells[0].getElementsByTagName("input");
  6.             if (input[0].type == "checkbox" && input[0].checked == false) {
  7.                 headerCheckBox.disabled = true;
  8.                 break;
  9.             }
  10.             else {
  11.                 headerCheckBox.disabled = false;
  12.             }
  13.         }
  14.     }
  15.     else {
  16.         for (var r = 1; r < rs; r++) {
  17.             var input = gridview.rows[r].cells[0].getElementsByTagName("input");
  18.             if (input[0].type == "checkbox" && input[0].checked) {
  19.                 headerCheckBox.checked = true;
  20.                 headerCheckBox.disabled = true;
  21.                 break;
  22.             }
  23.             else {
  24.                 headerCheckBox.checked = false;
  25.                 headerCheckBox.disabled = false;
  26.             }
  27.         }
  28.     }
  29. }
复制代码
Source Code 3 
最后是较验代在码与演示效果,
 

盼望能帮到联系Insus.NET的网友。以前的随笔源码暂时一时半会找不出来,存储于几个硬盘中。也只好照抄,并优化与修改一些代码。

免责声明:如果侵犯了您的权益,请联系站长,我们会及时删除侵权内容,谢谢合作!更多信息从访问主页:qidao123.com:ToB企服之家,中国第一个企服评测及商务社交产业平台。

本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有账号?立即注册

x
回复

使用道具 举报

0 个回复

倒序浏览

快速回复

您需要登录后才可以回帖 登录 or 立即注册

本版积分规则

海哥

金牌会员
这个人很懒什么都没写!

标签云

快速回复 返回顶部 返回列表