在 GridView 里有一系列的 Checkbox ，要實(shí)現(xiàn)對(duì)其全選或全不選。開始在網(wǎng)上找了，但是參考的代碼會(huì)全選 GridView 里所有的 Checkbox ，而我要的是單列全選。如圖：

審核和權(quán)限是要分開的。

我自己寫了 JavaScript 代碼，貼出來(lái)供大家參考。

1 function chkAll(CheckAll) { 2 var items = document.getElementsByTagName("input"); 3 for (var i = 0; i < items.length; i++) { 4 if (items[i].type == "checkbox"){ 5 for (var j = 2; j < 10; j++) { 6 var id = "ctl00_ContentPlaceHolder1_GridView1_ctl0" + j + "_CheckBox1"; 7 if (items[i].id == id) { 8 items[i].checked = CheckAll.checked; 9 } 10 } 11 } 12 } 13 }

其中，第5行的 j 和 第6行的 id 是用來(lái)確定同一列的 Checkbox，具體 j 的范圍以及 id 可能不同，可以通過(guò) alert(items[i].id); 遍歷整個(gè) items 查看相應(yīng)的 id 。

前臺(tái)的相應(yīng)代碼如下：

1 <asp:TemplateField HeaderText="審核"> 2 <HeaderTemplate> 3 <asp:CheckBox ID="chkAll" onclick='chkAll(this)' runat="server" /> 4 審核 5 </HeaderTemplate> 6 <ItemTemplate> 7 <asp:CheckBox ID="CheckBox1" Checked='<%# Eval("isCheck") %>' runat="server" /> 8 </ItemTemplate> 9 <ItemStyle HorizontalAlign="Center" Width="100px" /> 10 </asp:TemplateField>

?

轉(zhuǎn)載于:https://www.cnblogs.com/roming/archive/2013/05/13/3075405.html

總結(jié)

以上是生活随笔為你收集整理的JavaScript 实现 GriwView 单列全选的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。