ASP.NET Gridview与checkbox全选、全不选实现代码
更新时间:2010年04月11日 23:51:39 作者:
ASP.NET Gridview checkbox全选与全不选实现代码,其实原理就是利用js来实现的,但需要简单的设置下回传。
1. 页面 在onclick事件中 "传自己"
<asp:TemplateField HeaderText="全选">
<HeaderTemplate>
<input type="checkbox" id="CheckBox1" name="CheckBox1" onclick="GetAllCheckBox(this)" />
全选
</HeaderTemplate>
<ItemTemplate>
<asp:CheckBox ID="CheckBox2" runat="server"/>
</ItemTemplate>
<ItemStyle HorizontalAlign="Center" Width="100px" />
</asp:TemplateField>
2.编写JS代码
<script type="text/javascript" language="javascript">
function GetAllCheckBox(CheckAll)
{
var items = document.getElementsByTagName("input");
for(var i=0;i<items.length;i++)
{
if(items[i].type == "checkbox")
{
items[i].checked = CheckAll.checked;
}
}
}
</script>
复制代码 代码如下:
<asp:TemplateField HeaderText="全选">
<HeaderTemplate>
<input type="checkbox" id="CheckBox1" name="CheckBox1" onclick="GetAllCheckBox(this)" />
全选
</HeaderTemplate>
<ItemTemplate>
<asp:CheckBox ID="CheckBox2" runat="server"/>
</ItemTemplate>
<ItemStyle HorizontalAlign="Center" Width="100px" />
</asp:TemplateField>
2.编写JS代码
复制代码 代码如下:
<script type="text/javascript" language="javascript">
function GetAllCheckBox(CheckAll)
{
var items = document.getElementsByTagName("input");
for(var i=0;i<items.length;i++)
{
if(items[i].type == "checkbox")
{
items[i].checked = CheckAll.checked;
}
}
}
</script>
相关文章
Entity Framework Core基于数据模型创建数据库
这篇文章介绍了Entity Framework Core基于数据模型创建数据库的方法,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧2022-04-04如何利用HttpClientFactory实现简单的熔断降级
这篇文章主要给大家介绍了关于如何利用HttpClientFactory实现简单的熔断降级的相关资料,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧2018-07-07ASP.NET Core 6.0 添加 JWT 认证和授权功能
这篇文章主要介绍了ASP.NET Core 6.0 添加 JWT 认证和授权,本文将分别介绍 Authentication(认证) 和 Authorization(授权),通过实例代码分别介绍了这两个功能,需要的朋友可以参考下2022-04-04ASP.NET DropDownListCheckBox使用示例(解决回发问题)
本文为大家介绍下ASP.NET DropDownListCheckBox的使用,这个是根据LigerUI改的,解决了回发问题,喜欢的朋友可以参考下2013-11-11
最新评论