DataGrid 增加一列全选

最新推荐文章于 2025-08-21 23:22:44 发布

转载最新推荐文章于 2025-08-21 23:22:44 发布 · 105 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/andycai/archive/2010/03/18/1688861.html

文章标签：

#javascript #ViewUI

本文介绍了一种在DataGrid中实现全选功能的方法。通过客户端JavaScript代码与服务器端ASP.NET DataGrid控件结合，实现了点击表头复选框时，选中或取消选中表格中的所有CheckBox项。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

JS:

function SelectAll(tempControl) { //将除头模板中的其它所有的CheckBox取反 var dt = document.all.; for(var i = 1; i < dt.rows.length; i++) { var checkb = dt.rows(i).cells(0).childNodes(0); if(tempControl.checked) checkb.checked= true; else checkb.checked= false; } }

DataGrid:

  <asp:TemplateColumn HeaderStyle-Width="10px">
            <HeaderTemplate>
             <asp:CheckBox id="chkHeader" runat="server" AutoPostBack="False" onclick="javascript:SelectAll(this);"></asp:CheckBox>
            </HeaderTemplate>
            <ItemTemplate>
             <asp:CheckBox id="chkItem" runat="server"></asp:CheckBox>
            </ItemTemplate>
           </asp:TemplateColumn>

转载于:https://www.cnblogs.com/andycai/archive/2010/03/18/1688861.html