GridView中两种全选方法

最新推荐文章于 2020-11-23 15:02:48 发布

美好晨光

最新推荐文章于 2020-11-23 15:02:48 发布

阅读量659

点赞数

CC 4.0 BY-SA版权

分类专栏： ASP.NET 文章标签： asp server object input 脚本

本文链接：https://blog.youkuaiyun.com/kimcheolhyun/article/details/4891397

ASP.NET 专栏收录该内容

21 篇文章

订阅专栏

本文介绍如何在ASP.NET的GridView控件中实现全选功能。通过服务器端代码和客户端脚本配合，使得能够一键选择GridView内的所有项。文章详细展示了如何使用CheckBox控件并结合事件处理来实现这一功能。

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

<asp:TemplateField>
    <HeaderTemplate>
        <asp:CheckBox ID="checkedAll" runat="server" Text="全选" OnCheckedChanged="checkedAll_CheckedChanged" AutoPostBack="True" />
    </HeaderTemplate>
    <ItemTemplate>
        <asp:CheckBox ID="checkedItem" runat="server" Text= '<%# Container.DisplayIndex + 1 %>' />
    </ItemTemplate>
</asp:TemplateField>

    protected void checkedAll_CheckedChanged(object sender, EventArgs e)
    {
        bool isChecked = (gridViewXML.HeaderRow.FindControl("checkedAll") as CheckBox).Checked;
        foreach (GridViewRow row in gridViewXML.Rows)
        {
            (row.FindControl("checkedItem") as CheckBox).Checked = isChecked;
        }
    }

脚本方法
<script>
function checkedAll()
{
    var checkArray = window.document.forms["formAll"].item;
    for(var index = 0; index< checkArray.length; ++index)
    {
        checkArray[index].checked = event.srcElement.checked;
    }
}
</script>
<form name="formAll">
<input type="checkbox" name="all" onclick="checkedAll()" >全选</input>
<br/><br/><input type="checkbox" name="item" >1</input>
<br/><input type="checkbox" name="item" >2</input>
<br/><input type="checkbox" name="item" >3</input>