当前位置:Gxlcms > asp.net > ASP.NET Gridview与checkbox全选、全不选实现代码

ASP.NET Gridview与checkbox全选、全不选实现代码

时间:2021-07-01 10:21:17 帮助过:8人阅读

1. 页面 在onclick事件中 "传自己"
代码如下:
  1. <br><asp:TemplateField HeaderText="全选"> <br><HeaderTemplate> <br><input type="checkbox" id="CheckBox1" name="CheckBox1" onclick="GetAllCheckBox(this)" /> <br>全选 <br></HeaderTemplate> <br><ItemTemplate> <br><asp:CheckBox ID="CheckBox2" runat="server"/> <br></ItemTemplate> <br><ItemStyle HorizontalAlign="Center" Width="100px" /> <br></asp:TemplateField> <br> <br><strong>2.编写JS代码</strong> <br><span><u></u></span> 代码如下:<pre class="brush:php;toolbar:false layui-box layui-code-view layui-code-notepad"><ol class="layui-code-ol"><li><br><script type="text/javascript" language="javascript"> <br>function GetAllCheckBox(CheckAll) <br>{ <br>var items = document.getElementsByTagName("input"); <br>for(var i=0;i<items.length;i++) <br>{ <br>if(items[i].type == "checkbox") <br>{ <br>items[i].checked = CheckAll.checked; <br>} <br>} <br>} <br></script> <br></li><li> </li><li> </li></ol></pre>

人气教程排行