Gridview checkbox checked changed event is not woring in jquery

Question

<script type="text/javascript">
    $(document).ready(function () {
        //Checked or unchecked All Checkboxes inside grid with header checkbox   
        $("#<%= GridView_ManageUser.ClientID %> input[id*='checkbox_allcheckUncheck']").click(function () {
                if ($(this).is('checked'))
                    //Checkd All Child checkbox  
                    $("#<%= GridView_ManageUser.ClientID %> input[id*='CheckBox']").attr('checked', this.checked);
                else
                    //UnCheckd All Child checkbox  
                    $("#<%= GridView_ManageUser.ClientID %> input[id*='CheckBox']").removeAttr('checked', this.checked);
            });
            // Header checkbox checked or unchecked inside grid row checkboxes   
        $("#<%=GridView_ManageUser.ClientID%> input[id*='CheckBox']checkbox").click(function () {
                //Get All Checkbox inside grid  
            var GetAllCheckboxes = $("#<%=GridView_ManageUser.ClientID%> input[id*='CheckBox']checkbox").size();
                //Get number of checked checkboxes inside grid   
            var MarkcheckedCheckboxes = $("#<%=GridView_ManageUser.ClientID%> input[id*='CheckBox']checkboxchecked").size();
                //Check / Uncheck top checkbox if all the checked boxes in list are checked  
            $("#<%=GridView_ManageUser.ClientID%> input[id*='checkbox_allcheckUncheck']checkbox").attr('checked', GetAllCheckboxes == MarkcheckedCheckboxes);
            });
        });
    </script>

                        <asp:BoundField DataField="emailID" HeaderText="Email">
                            <ItemStyle Width="55%" CssClass="cssClass_hover" />
                        </asp:BoundField>
                    </Columns>
                    <PagerSettings FirstPageText="First" LastPageText="Last" Mode="NextPreviousFirstLast" />

                    <PagerStyle Height="50px" />
                    <RowStyle HorizontalAlign="Center" Height="45px"></RowStyle>
                </asp:GridView>

trying to do checked or uncheck all checkbox within gridview . but header checkbox check changed event is not working here This is my jquery code ..i am trying to check uncheck all checkbox of gridview but failed to do

Pankaj Makwana · Accepted Answer · 2017-09-22 10:01:12Z

1

You can do it with simple code. Get the status of check/uncheck all status and assign that status to all checkboxes in the gridview.

    $("#<%= GridView_ManageUser.ClientID %> input[id*='checkbox_allcheckUncheck']").change(function () {
        $("#<%= GridView_ManageUser.ClientID %> input[id*='CheckBox']").prop('checked', $(this).is(':checked'));
    });

To get total number of checkboxes

var MarkcheckedCheckboxes = $("#<%=GridView_ManageUser.ClientID%> input[id*='CheckBox']").length;

To get total number of checked checkboxes

var MarkcheckedCheckboxes = $("#<%=GridView_ManageUser.ClientID%> input[id*='CheckBox']:checked").length;

edited Sep 22, 2017 at 10:01

answered Sep 22, 2017 at 8:32

Pankaj Makwana

3,0486 gold badges33 silver badges49 bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

Nitin Ware Over a year ago

but header checkbox event is not firing

Nitin Ware Over a year ago

perfect.. can u please tell how to get selected checkbox count

Pankaj Makwana Over a year ago

Edited answer to get total number of checkboxes and checked number of checkboxes

Collectives™ on Stack Overflow

Gridview checkbox checked changed event is not woring in jquery

1 Answer 1

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related