jquery - 迭代asp.net复选框，如果选中任何一个，则取消选中ID为="All"的复选框

Question

HTML

 <div>
    <asp:CheckBox ID="All" runat="server" Checked="true" Text="ALL" ForeColor="Black" /><br />
    <asp:CheckBox ID="CheckBox2" runat="server" Text="Accepted" ForeColor="Black" CssClass="chkdisplay" /><br />
    <asp:CheckBox ID="CheckBox3" runat="server" Text="Contacted" ForeColor="Black" CssClass="chkdisplay"  /><br />
    <asp:CheckBox ID="CheckBox4" runat="server" Text="Pending" ForeColor="Black" CssClass="chkdisplay" /><br />
    <asp:CheckBox ID="CheckBox5" runat="server" Text="Pre-Authorized" ForeColor="Black" CssClass="chkdisplay" /><br />
    <asp:CheckBox ID="CheckBox6" runat="server" Text="Show Deleted" ForeColor="Black" CssClass="chkdisplay" /><br />
    <asp:CheckBox ID="CheckBox7" runat="server" Text="Treated" ForeColor="Black" CssClass="chkdisplay" />
</div>

我尝试过的脚本(它不起作用)。我使用了 asp.net checkbok 和 cssclass 来迭代我认为 cssclass 不起作用 就像类选择器:

$(document).ready(function () {
    $('.chkdisplay').each(function () {
        if ($(this).is(':checked')) {
            $('#All').attr('checked', false);
        }
    });
});

有什么办法我想只使用asp.net复选框。当我选择2到7之间的任何复选框时，我想要ID =“All”的复选框取消选中
谢谢你

Answer 1

注意:CssClass 不适用于 input 元素，而是适用于包装 input 元素的 span。您应该迭代 .chkdisplay 元素的每个第一个子元素(另请参阅 here )。

类似于:

$('.chkdisplay > input').each(function () {
    if (this.checked) {
        $('#All').prop('checked', false);
        return false;
    }
});