在 GridView 里有一系列的 Checkbox ，要實現對其全選或全不選。開始在網上找了，但是參考的代碼會全選 GridView 里所有的 Checkbox ，而我要的是單列全選。如圖：

審核和權限是要分開的。

我自己寫了 JavaScript 代碼，貼出來供大家參考。

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 是用來確定同一列的 Checkbox，具體 j 的范圍以及 id 可能不同，可以通過 alert(items[i].id); 遍歷整個 items 查看相應的 id 。

前臺的相應代碼如下：

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>

?

轉載于:https://www.cnblogs.com/roming/archive/2013/05/13/3075405.html

總結

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

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。