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>
相关文章
asp.net通过js实现Cookie创建以及清除Cookie数组的代码
asp.net Cookie创建以及清除Cookie数组2010-03-03
使用Fiddler调试visual studion多个虚拟站点的问题分析
本篇文章小编为大家介绍，使用Fiddler调试visual studion多个虚拟站点的问题分析。需要的朋友参考下2013-04-04
这篇文章主要介绍了.net core xss攻击防御的方法，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2018-07-07
最近学习了下C#中实现邮件发送功能,并将该功能用于本博客的密码找回中！2008-11-11
Discuz .net 短消息实现原理。2009-04-04
这篇文章主要介绍了详解EFCore中的导航属性的相关资料，帮助大家更好的理解和学习使用ASP.NET CORE，感兴趣的朋友可以了解下2021-03-03
这篇文章主要为大家详细介绍了asp.net webform自定义分页控件，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2016-12-12
asp.net中使用 Repeater控件拖拽实现排序并同步数据库字段排序
这篇文章主要介绍了asp.net中使用 Repeater控件拖拽实现排序并同步数据库字段排序的相关资料,需要的朋友可以参考下2015-12-12
这篇文章主要介绍了ASP.NET数据库操作类,结合实例形式分析了asp.net基本的数据库增删改查操作封装相关技巧,需要的朋友可以参考下2017-03-03
ASP.NET MVC HttpPostedFileBase文件上传的实例代码
这篇文章主要介绍了ASP.NET MVC HttpPostedFileBase文件上传,具有一定的参考价值，感兴趣的小伙伴们可以参考一下2017-07-07
最新评论