asp.net GridView控件中实现全选的解决方案
更新时间：2010年03月05日 23:14:29 作者：
在GridView中我们经常要利用复选按钮实现全选的功能，下面针对这一解决方案做以总结
第一种：利用客户端控件实现
JS:
<script type="text/javascript">
function checkAll()
{
var checklist=document.getElementsByTagName("input");
for(var i=0;i<checklist.length;i++)
{
if(checklist[i].type=="checkbox")
{
checklist[i].checked=document.form1.ck.checked;
}
}
}
</script>
GridView控件：
<asp:GridView ID="GridView1" runat="server" AutoGenerateColumns="false" >
<Columns>
<asp:BoundField DataField="ProductID" HeaderText="产品编号" />
<asp:TemplateField>
<HeaderTemplate>
<input id="ck" type="checkbox" onclick="checkAll();" />
</HeaderTemplate>
<ItemTemplate>
<asp:CheckBox ID="checkbox1" runat="server" />
</ItemTemplate>
</asp:TemplateField>
</Columns>
</asp:GridView>
第二种：利用服务器端控件实现
protected void 全选_CheckedChanged(object sender, EventArgs e)
{
if (全选.Checked == true)
{
for (int i = 0; i < GridView1.Rows.Count; i++)
{
CheckBox ck = (CheckBox)GridView1.Rows[i].Cells[0].FindControl("checkbox1") as CheckBox;
if (ck!=null)
{
ck.Checked = true;
}
}
}
else
{
for (int i = 0; i < GridView1.Rows.Count; i++)
{
CheckBox ck = (CheckBox)GridView1.Rows[i].Cells[0].FindControl("checkbox1") as CheckBox;
if (ck != null)
{
ck.Checked = false;
}
}
}
}
JS:
复制代码 代码如下:
<script type="text/javascript">
function checkAll()
{
var checklist=document.getElementsByTagName("input");
for(var i=0;i<checklist.length;i++)
{
if(checklist[i].type=="checkbox")
{
checklist[i].checked=document.form1.ck.checked;
}
}
}
</script>
GridView控件：
复制代码 代码如下:
<asp:GridView ID="GridView1" runat="server" AutoGenerateColumns="false" >
<Columns>
<asp:BoundField DataField="ProductID" HeaderText="产品编号" />
<asp:TemplateField>
<HeaderTemplate>
<input id="ck" type="checkbox" onclick="checkAll();" />
</HeaderTemplate>
<ItemTemplate>
<asp:CheckBox ID="checkbox1" runat="server" />
</ItemTemplate>
</asp:TemplateField>
</Columns>
</asp:GridView>
第二种：利用服务器端控件实现
复制代码 代码如下:
protected void 全选_CheckedChanged(object sender, EventArgs e)
{
if (全选.Checked == true)
{
for (int i = 0; i < GridView1.Rows.Count; i++)
{
CheckBox ck = (CheckBox)GridView1.Rows[i].Cells[0].FindControl("checkbox1") as CheckBox;
if (ck!=null)
{
ck.Checked = true;
}
}
}
else
{
for (int i = 0; i < GridView1.Rows.Count; i++)
{
CheckBox ck = (CheckBox)GridView1.Rows[i].Cells[0].FindControl("checkbox1") as CheckBox;
if (ck != null)
{
ck.Checked = false;
}
}
}
}
您可能感兴趣的文章:
- ASP.NET 2.0/3.5中直接操作Gridview控件插入新记录
- asp.net GridView控件鼠标移动某行改变背景颜色(方法一)
- asp.net GridView控件中模板列CheckBox全选、反选、取消
- ASP.NET2.0中用Gridview控件操作数据的代码
- ASP.NET GridView控件在列上格式化时间及DataFormatString使用
- asp.net的GridView控件使用方法大全
- asp.net中GridView控件遍历的小例子
- Asp.net的GridView控件实现单元格可编辑方便用户使用
- ASP.NET4 GridView的四种排序样式详解
- ASP.NET使用GridView导出Excel实现方法
- asp.net gridview分页：第一页 下一页 1 2 3 4 上一页 最末页
- ASP.NET中为GridView添加删除提示框的方法
- asp.net中GridView数据鼠标移入显示提示信息
- 如何用jQuery实现ASP.NET GridView折叠伸展效果
- ASP.NET GridView中加入RadioButton不能单选的解决方案
- 灵活掌握asp.net中gridview控件的多种使用方法（上）
- 灵活掌握asp.net中gridview控件的多种使用方法（下）
相关文章
.NET性能调优之一：ANTS Performance Profiler的使用介绍
本系列文章主要会介绍一些.NET性能调优的工具、Web性能优化的规则（如YSlow）及方法等等内容。成文前最不希望看到的就是园子里不间断的“哪个语言好，哪个语言性能高”的争论，不多说，真正的明白人都应该知道这样的争论有没有意义，希望我们能从实际性能优化的角度去讨论问题2013-01-01
说到ASP.NET缓存，那就是：尽早缓存；经常缓存您应该在应用程序的每一层都实现缓存。2010-02-02
本文介绍了LINQ to XML的编程基础，即System.Xml.Linq命名空间中的多个LINQ to XML类，这些类都是LINQ to XML的支持类，它们使得处理xml比使用其他的xml工具容易得多。在本文中，着重介绍的是XElement、XAttribute和XDocument。2010-02-02
这篇文章主要是对ashx文件的使用进行了介绍。需要的朋友可以过来参考下，希望对大家有所帮助2013-12-12
这篇文章主要给大家介绍了关于如何利用FluentMigrator实现数据库迁移的相关资料，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面来一起学习学习吧2019-04-04
.NET客户端实现Redis中的管道（PipeLine）与事物（Transactions）
本文主要介绍了.NET客户端实现Redis中的管道（PipeLine）与事物（Transactions）的相关知识。具有很好的参考价值，下面跟着小编一起来看下吧2017-03-03
对于gridview学NET的同学再熟悉不过，但是其中功能事件是否能编码熟练实现2012-11-11
这篇文章主要介绍了基于.NET Core 3.1 网站开发和部署的方法，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2020-08-08
FCKEditor是一个很不错的在线编辑器，可称得上完美，但是它有一个问题，就是在使用RequiredFieldValidator进行验证的时候，即使内容不为空，也需要点击两次才能完成2009-06-06
这篇文章主要介绍了ASP.NET访问共享文件夹的详细步骤，有需要的朋友可以了解一下。2016-10-10
最新评论