3

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 does not work想class selector：

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

有什么方法我只想使用 asp.net 复选框。当我选择任何checkbok between 2 to 7我想要ID="All"取消选中的复选框时
谢谢你

4

4 回答 4

2

注意：CssClass不适用于input元素，但适用于span包装输入元素的 a。您应该迭代元素的每个第一个子.chkdisplay元素（另请参见此处）。

就像是：

$('.chkdisplay > input').each(function () {
    if (this.checked) {
        $('#All').prop('checked', false);
        return false;
    }
});
于 2013-05-15T06:52:44.900 回答
2

我认为您可以使用属性选择器^来获取以指定字符串开头的所有元素。

$('[id^="CheckBox"]').each(function () {
于 2013-05-15T06:49:26.700 回答
0

我已经完成了正确的答案，请参见此处http://jsfiddle.net/hZFFr/3/

$('.chkdisplay').on('change blur', function () {;
    $('#All').attr('checked', !($('.chkdisplay').not(':checked').length));

})
于 2013-05-29T10:01:08.053 回答
0

为您的“全部”复选框命名，例如：

<asp:CheckBox name="ChkTest" ID="All" runat="server" Checked="true" Text="ALL" ForeColor="Black" />

代替$('#All').attr('checked', false);

试试这个：

$('#<%= ChkTest.ClientID %>').attr('checked', false);
于 2013-05-15T07:07:34.730 回答