首页 > 编程 > .NET > 正文

asp.net GridView控件中实现全选的解决方案

2024-07-10 13:26:33
字体:
来源:转载
供稿:网友
第一种:利用客户端控件实现
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 runat="server" AutoGenerateColumns="false" >
<Columns>
<asp:BoundField DataField="ProductID" HeaderText="产品编号" />
<asp:TemplateField>
<HeaderTemplate>
<input type="checkbox" />
</HeaderTemplate>
<ItemTemplate>
<asp:CheckBox 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;
}
}
}
}

发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表