ToB企服应用市场:ToB评测及商务社交产业平台

标题: Gridview使用CheckBox全选与单选 Version 3 [打印本页]

---

作者: 海哥    时间: 2024-12-29 19:54
标题: Gridview使用CheckBox全选与单选 Version 3
还是有网友开发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;
4.     for (var r = 1; r < rs; r++) {
5.         var input = gridview.rows[r].cells[0].getElementsByTagName("input");
6.         if (input[0].type = "checkbox") {
7.             input[0].checked = selected;
8.         }
9.     }
10. }

复制代码

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企服之家，中国第一个企服评测及商务社交产业平台。

---

欢迎光临 ToB企服应用市场:ToB评测及商务社交产业平台 (https://dis.qidao123.com/)

Powered by Discuz! X3.4