javascript - 选中页面中的所有复选框

Question

当使用jquery选中全选复选框时，我想选择asp.net GridView 中所有页面的所有行，我的代码仅选择第一页的值。

<script type="text/javascript">

           function SelectAllCheckboxes(chk) {
                debugger;

                $("[id*=chkSelectAll]").live("click", function () {
                    var chkHeader = $(this);
                    $("#<%=gvUnPaidInvoiceDetail.ClientID%> tr").each(function () {
                        var grid = $(this).closest("table");

                        $("[id*=chkSelect]", grid).each(function () {
                            if (chkHeader.is(":checked")) {
                                $(this).attr("checked", "checked");

                            } else {
                                $(this).removeAttr("checked");

                            }
                        });
                    });
                });
            }
        </script>

<asp:TemplateField HeaderText="Select">
  <HeaderTemplate>
   <asp:CheckBox ID="chkSelectAll" runat="server" Text="" onclick="SelectAllCheckboxes(this);" />
 </HeaderTemplate>

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

Answer 1

使用此js进行所有checkbox检查和取消检查

$(document).ready(function () {
$('#MainContent_repCustomers_chkCheckAll').click(function () {
    if ($(this).is(':checked')) {
        $("div#customer table tbody tr td 
            input:[type='checkbox']:not(:checked)").each(function () {
            $(this).attr('checked', true);
        });
    }
    else {

        $("div#customer table tbody tr td 
                input:[type='checkbox']:checked").each(function () {
            $(this).attr('checked', false); 
        });
    }
});
});