使用JQuery选择并取消选择复选框

使用JQuery选择并取消选择复选框,jquery,Jquery,我正在使用JQuery,下面是带有复选框的HTML <div class="selectallitems"> <div class="selectall"> <asp:CheckBox ID="chkSelectAll" CssClass="selectall-txt" runat="server" /> </div>

我正在使用JQuery,下面是带有复选框的HTML

 <div class="selectallitems">
                    <div class="selectall">
                        <asp:CheckBox ID="chkSelectAll" CssClass="selectall-txt" runat="server" />
                    </div>
                    <div id="divCheckAll">
                        <div class="selectall">
                            <asp:CheckBox ID="chkItemLists" CssClass="selectall-txt-1" runat="server" />
                            <div class="clear">
                            </div>
                        </div>
                        <br />
                        <div class="selectall">
                            <asp:CheckBox ID="chkComponentLinks" CssClass="selectall-txt-1" runat="server" />
                            <div class="clear">
                            </div>
                        </div>
                        <br />
                        <div class="selectall">
                            <asp:CheckBox ID="chkResourceKeyData" CssClass="selectall-txt-1" runat="server" /></div>
                        <br />
                    </div>
                </div>




现在,我希望每当用户选择“chkSelectAll”时,它应该选择所有其他复选框,每当用户取消选择其中任何一个复选框时,它应该取消选择“chkSelectAll”


请建议

您基本上可以这样做:

$('#myCheckAllCheckbox').click(function()
{
     // Other jQuery versions:
     if(this.checked)
        $('input[@type=checkbox]').attr('checked', 'checked');
     else
        $('input[@type=checkbox]').removeAttr('checked');

     // jQuery 1.6
     $('input[@type=checkbox]').prop('checked', this.checked);
});

回答得很好,但您应该将选择器更改为
”。selectall-txt-1“
,因为这似乎是为此目的而做的。您也可以这样做:
$('#')。单击(…)
$('input[@type=checkbox]')。attr('checked',this.checked')将起作用什么是“#myCheckAllCheckbox”?我没有类似的东西。嗨,上面的代码只是选择子复选框,但是如果取消选择任何子复选框,我需要取消选择父复选框