选中标题复选框时,选中所有复选框

阿扎尔·沙希德(Azhar Shahid)

当标题标头复选框被选中时,我试图选择所有复选框。

我为此编写了适当的代码,但不知道为什么它不起作用。

任何人都可以检查问题。

我的代码-

    <head runat="server">
    <title></title>
    <script type="text/javascript">
        function SelectAllCheckboxes1(chk) {
            $('#<%=GridView1.ClientID%>').find("input:checkbox").each(function () {
                if (this != chk) { this.checked = chk.checked; }
            });
        }
    </script>
</head>
<body>
    <form id="form1" runat="server">
    <div>
        <asp:gridview ID="GridView1" runat="server" AutoGenerateColumns="False" 
            DataSourceID="SqlDataSource1">
            <Columns>
                <asp:TemplateField>
                    <HeaderTemplate>
                        <asp:CheckBox ID="cbSelectAll" runat="server" onclick="javascript:SelectAllCheckboxes1(this);" AutoPostBack="true"/>    
                    </HeaderTemplate>
                    <ItemTemplate>
                        <asp:CheckBox ID="chk" runat="server" />
                    </ItemTemplate>
                </asp:TemplateField>
                <asp:BoundField DataField="Name" HeaderText="Name" SortExpression="Name" />
            </Columns>   
        </asp:gridview>
        <asp:SqlDataSource ID="SqlDataSource1" runat="server" 
            ConnectionString="<%$ ConnectionStrings:HRMSConnectionString %>" 
            SelectCommand="SELECT [Name] FROM [Languages]"></asp:SqlDataSource>
    </div>
    </form>
</body>
用户名

试试这个代码-

default.aspx.cs

protected void sellectAll(object sender, EventArgs e)
{
    CheckBox ChkBoxHeader = (CheckBox)GridView1.HeaderRow.FindControl("chkb1");
    foreach (GridViewRow row in GridView1.Rows)
    {
        CheckBox ChkBoxRows = (CheckBox)row.FindControl("chkb2");
        if (ChkBoxHeader.Checked == true)
        {
            ChkBoxRows.Checked = true;
        }
        else
        {
            ChkBoxRows.Checked = false;
        }
    }
}

更改网格代码

 <asp:gridview ID="GridView1" runat="server" AutoGenerateColumns="False" 
        DataSourceID="SqlDataSource1">
        <Columns>
            <asp:TemplateField>
                <HeaderTemplate>
                    <asp:CheckBox ID="chkb1" runat="server"  AutoPostBack="true" OnCheckedChanged="sellectAll"/>    
                </HeaderTemplate>
                <ItemTemplate>
                    <asp:CheckBox ID="chkb2" runat="server" />
                </ItemTemplate>
            </asp:TemplateField>
            <asp:BoundField DataField="Name" HeaderText="Name" SortExpression="Name" />
        </Columns>   
    </asp:gridview>

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

在jqgrid中选中所有复选框的函数

来自分类Dev

选中所有其他复选框

来自分类Dev

取消选中所有(自动生成的)复选框

来自分类Dev

选中全部选中时,选中所有复选框

来自分类Dev

选中所有复选框

来自分类Dev

jQuery / JavaScript:选中所有复选框并选中每个复选框以显示div

来自分类Dev

使用icheck选中所有复选框

来自分类Dev

单击单选按钮选中所有复选框

来自分类Dev

选中所有复选框vuejs

来自分类Dev

为什么同时选中所有复选框

来自分类Dev

Angular 2复选框选中所有

来自分类Dev

Angular 2复选框选中所有

来自分类Dev

如何触发选中所有复选框?

来自分类Dev

选中所有复选框

来自分类Dev

当我选中所有复选框时如何选择所有复选框

来自分类Dev

无法取消选中所有复选框

来自分类Dev

单击主复选框时选中所有复选框

来自分类Dev

选中/取消选中所有复选框

来自分类Dev

选中所有子复选框后,如何选中“全选”复选框?

来自分类Dev

获取div中所有选中复选框的ID

来自分类Dev

jQuery选中所有复选框

来自分类Dev

选中所有复选框不起作用

来自分类Dev

选中所有复选框

来自分类Dev

JSF选中所有复选框

来自分类Dev

未选中所有其他复选框时如何设置始终选中的1个复选框

来自分类Dev

Angular.js:选中所有复选框

来自分类Dev

选中/取消选中所有复选框

来自分类Dev

选中所有复选框

来自分类Dev

选中或取消选中所有启用的复选框