Asp.netGridview实现CheckBox全选

最新推荐文章于 2020-04-02 17:50:08 发布

转载最新推荐文章于 2020-04-02 17:50:08 发布 · 155 阅读

1 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/blogbai/archive/2012/09/27/2705870.html

文章标签：

#javascript #ViewUI

本文介绍了两种在ASP.NET GridView中实现全选功能的方法：一种是通过客户端JavaScript操作DOM元素来控制所有CheckBox的状态；另一种是在服务器端通过遍历GridView的Rows集合并设置每个CheckBox的状态。

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

Asp.netGridview实现CheckBox全选

在GridView中我们经常要利用复选按钮实现全选的功能，下面针对这一解决方案做以总结

第一种：利用客户端控件实现
JS:
复制代码代码如下:
<script type="text/javascript">
function checkAll()
{
var checklist=document.getElementsByTagName("input"); //传入当前对象即GridView
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;
}
}
}
}

转载于:https://www.cnblogs.com/blogbai/archive/2012/09/27/2705870.html