使用JQuery选择并取消选择复选框
我正在使用JQuery,下面是带有复选框的HTML使用JQuery选择并取消选择复选框,jquery,Jquery,我正在使用JQuery,下面是带有复选框的HTML <div class="selectallitems"> <div class="selectall"> <asp:CheckBox ID="chkSelectAll" CssClass="selectall-txt" runat="server" /> </div>
<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”?我没有类似的东西。嗨,上面的代码只是选择子复选框,但是如果取消选择任何子复选框,我需要取消选择父复选框