javascript实现datagrid客户端checkbox列的全选,反选

1 /**/ /* 分页
2 参数说明：
3 prefix：前缀；chkAll：全选框；chkSingle：单选框ID
4
5 使用方法：
6 if(e.Item.ItemType == ListItemType.Header)
7 {
8 ((CheckBox)e.Item.Cells[1].FindControl("chkAll")).Attributes.Add("onclick","CheckAll('" + this.dg.ClientID.ToString() + "','chkAll','chkSingle');");
9 }
10*/
11 function CheckAll(prefix,chkAll,chkSingle)
12 {
13var indexChkAll;
14if(prefix.length != 0)
15{
16 indexChkAll = prefix + "__ctl2_" + chkAll;
17 }
18else
19{
20 indexChkAll = chkAll;
21 }
22var objChkAll = document.getElementById(indexChkAll);
23var tempObj;
24for(var i=0;i<document.forms[0].elements.length;i++)
25{
26 tempObj = document.forms[0].elements[i];
27if(tempObj.type == "checkbox" && tempObj.id != indexChkAll && tempObj.id.indexOf(chkSingle) != -1)
28{
29 tempObj.checked = objChkAll.checked;
30 }
31 }
32}
33 /**/ /* 分页
34 参数说明：
35 prefix：前缀；chkAll：全选框；chkSingle：单选框ID
36
37 使用方法：
38 if(e.Item.ItemType == ListItemType.AlternatingItem || e.Item.ItemType == ListItemType.Item)
39 {
40 ((CheckBox)e.Item.Cells[1].FindControl("chkSingle")).Attributes.Add("onclick","CheckSingle('" + this.dg.ClientID.ToString() + "','chkAll','chkSingle');");
41 }
42*/
43 function CheckSingle(prefix,chkAll,chkSingle)
44 {
45var indexChkAll;
46if(prefix.length != 0)
47{
48 indexChkAll = prefix + "__ctl2_" + chkAll;
49 }
50else
51{
52 indexChkAll = chkAll;
53 }
54var objChkAll = document.getElementById(indexChkAll);
55var tempObj;
56var allCount = 0;
57var checkCount = 0;
58for(var i=0;i<document.forms[0].elements.length;i++)
59{
60 tempObj = document.forms[0].elements[i];
61if(tempObj.type == "checkbox" && tempObj.id != indexChkAll && tempObj.id.indexOf(chkSingle) != -1)
62{
63if(tempObj.checked)
64{
65 checkCount++;
66 }
67else
68{
69 objChkAll.checked = false;
70//break;
71 }
72 allCount++;
73 }
74 }
75if(checkCount != allCount)
76{
77 objChkAll.checked = false;
78 }
79else
80{
81if(allCount != 0)
82{
83 objChkAll.checked = true;
84 }
85 }
86}
87 /**/ /*
88 参数说明：
89 prefix：前缀；chkAll：全选框；chkSingle：单选框ID
90 type：1【全选】，2【反选】，3【取消】
91
92 使用方法：
93 this.btnSelectAll.Attributes.Add("onClick","CheckType('" + this.dg.ClientID.ToString() + "','chkAll','chkSingle',1);");
94 this.btnUnSelectAll.Attributes.Add("onClick","CheckType('" + this.dg.ClientID.ToString() + "','chkAll','chkSingle',2);");
95 this.btnCancelSelect.Attributes.Add("onClick","CheckType('" + this.dg.ClientID.ToString() + "','chkAll','chkSingle',3);");
96*/
97 function CheckType(prefix,chkAll,chkSingle,type)
98 {
99var indexChkAll;
100if(prefix.length != 0)
101{
102 indexChkAll = prefix + "__ctl2_" + chkAll;
103 }
104else
105{
106 indexChkAll = chkAll;
107 }
108var objChkAll = document.getElementById(indexChkAll);
109var tempObj;
110var allCount = 0;
111var checkCount = 0;
112for(var i=0;i<document.forms[0].elements.length;i++)
113{
114 tempObj = document.forms[0].elements[i];
115if(tempObj.type == "checkbox" && tempObj.id != indexChkAll && tempObj.id.indexOf(chkSingle) != -1)
116{
117switch(type)
118{
119case 1:
120 tempObj.checked = true;
121break;
122case 2:
123 tempObj.checked = !tempObj.checked;
124break;
125case 3:
126 tempObj.checked = false;
127break;
128 }
129if(tempObj.checked)
130{
131 checkCount++;
132 }
133 allCount++;
134 }
135 }
136if(checkCount != allCount)
137{
138 objChkAll.checked = false;
139 }
140else
141{
142if(allCount != 0)
143{
144 objChkAll.checked = true;
145 }
146 }
147 window.event.returnValue = false;
148return false;
149}
150
151 /**/ /*
152 参数说明：
153 prefix：前缀；chkAll：全选框；chkSingle：单选框ID
154
155 使用方法：
156 this.btnDelete.Attributes.Add("onClick","SubmitCheckBox('" + this.dg.ClientID.ToString() + "','chkAll','chkSingle');");
157*/
158 function SubmitCheckBox(prefix,chkAll,chkSingle,msg)
159 {
160var indexChkAll;
161if(prefix.length != 0)
162{
163 indexChkAll = prefix + "__ctl2_" + chkAll;
164 }
165else
166{
167 indexChkAll = chkAll;
168 }
169var objChkAll = document.getElementById(indexChkAll);
170
171var tempObj;
172var allCount = 0;
173var checkCount = 0;
174for(var i=0;i<document.forms[0].elements.length;i++)
175{
176 tempObj = document.forms[0].elements[i];
177if(tempObj.type == "checkbox" && tempObj.id != indexChkAll && tempObj.id.indexOf(chkSingle) != -1)
178{
179if(tempObj.checked)
180{
181 checkCount++;
182 }
183 allCount++;
184 }
185 }
186if(allCount == 0) //没有数据
187 {
188 window.alert("当前没有" + msg + "可供删除");
189 window.event.returnValue = false;
190return false;
191 }
192else
193{
194if(checkCount == 0)
195{
196 window.alert("没有选中要删除的" + msg + "");
197 window.event.returnValue = false;
198return false;
199 }
200else
201{
202//if(window.confirm("确定要删除当前选中的【" + checkCount.toString() + "】项吗？") == false)
203 if(window.confirm("确定要删除当前选中的" + msg + "吗？") == false)
204{
205 window.event.returnValue = false;
206return false;
207 }
208 }
209 }
210}

本文转自高海东博客园博客，原文链接：http://www.cnblogs.com/ghd258/archive/2005/11/07/270449.html，如需转载请自行联系原作者