Friday, August 17, 2012

How to check all CheckBox inside a GridView in ASP.net using JQuery









Write the code in ASPX page:-

 <script src="../../Scripts/jquery-1.7.1.js" type="text/javascript"></script>
<script src="../../Scripts/jquery-1.7.1.min.js" type="text/javascript"></script>
<script type="text/javascript">
    function SelectAllCheckboxes(chk) {
        $('#<%=GvLedgers.ClientID %>').find("input:checkbox").each(function () {
            if (this != chk) {
                this.checked = chk.checked;
            }
        });
    }
</script>

  GridView Design :-


<asp:GridView ID="GvLedgers" runat="server" AutoGenerateColumns="False">
                    <Columns>
                        <asp:BoundField HeaderText="Ledger"   DataField="Ledger_Name" />
                        <asp:TemplateField>
                            <HeaderTemplate>
                                <asp:CheckBox ID="ChkHeader" runat="server" onclick="javascript:SelectAllCheckboxes(this);" />
                            </HeaderTemplate>
                            <ItemTemplate>                               
                                <asp:CheckBox ID="ChkLedger" runat="server" />
                            </ItemTemplate>
                        </asp:TemplateField>
                    </Columns>
                </asp:GridView>

No comments:

Post a Comment