使用jQuery选中和取消选中Asp.net GridView中的复选框

Question

iam using checkboxes in gridview. i want to check and uncheck checkboxes in gridview using jquery. i tried this with live method. it's working for the first page in the gridview but not in the page index changing event.

 $(document).ready(function () {

        var checkBoxSelector = '#<%=grv_ClientList.ClientID%> input[id*="chck_itemSelect"]:checkbox';

        //header checkbox
        $('[id$=chck_headSelect]').live("click", function () {

            if ($(this).is(":checked")) {

                $(checkBoxSelector).attr('checked', true);

            }
            else {

                $(checkBoxSelector).attr('checked', false);
            }
        });

    });

Answer 1

You can do it by iterating through each checkbox of gridview like:

<script type="text/javascript"> 
function CheckUnCheckAll(chk) { 
 $('#<%=GridView1.ClientID %>').find("input:checkbox").each(function () { 
  if (this != chk) { 
      this.checked = chk.checked; 
    } 
   }); 
  } 
</script> 

Check example: http://www.codegateway.com/2012/05/jquery-check-uncheck-all-checkboxes-in.html

Answer 2

Please go through the sample code.

<script src="jquery-1.4.1.js" type="text/javascript"></script>

<script src="jquery-1.4.1-vsdoc.js" type="text/javascript"></script>



<script type="text/javascript" >

    $(document).ready(function() {

    var ab = 0 ;

        $("[id$=myCheck]").click(function() {



            if (ab == 0) {

                $('#<%=GridView1.ClientID %> >tbody >tr >td:first-child > input:checkbox').attr('checked', true);

                ab = 1;

            }

            else {

                $('#<%=GridView1.ClientID %> >tbody >tr >td:first-child > input:checkbox').attr('checked', false);

              ab =0 ;

            }



        })

    })



</script>

        <Columns>



            <asp:TemplateField>

            <HeaderTemplate>

            <asp:CheckBox ID="myCheck" runat="server"   />

            </HeaderTemplate>

            <ItemTemplate><asp:CheckBox ID="urCheck" runat="server" /></ItemTemplate>



            </asp:TemplateField>





            <asp:BoundField DataField="UnitName" HeaderText="Unit Name" />

            <asp:BoundField DataField="Description" HeaderText="Description" />

            <asp:TemplateField HeaderText="Status">

            <ItemTemplate>



            <asp:DropDownList ID="AttendId" runat="server"    >

            <asp:ListItem  style="Color:Green" Text="Present" Value="0"></asp:ListItem>

            <asp:ListItem  style="Color:Red" Text="Absent" Value="1"></asp:ListItem>

            <asp:ListItem  style="Color:Blue" Text="Leave" Value="2"></asp:ListItem>



            </asp:DropDownList>



            </ItemTemplate>              

            </asp:TemplateField>

        </Columns>

    </asp:GridView>