jquery - 检查条件是否所有复选框都是 'unchecked'

Question

我有七个复选框，如下所示。我正在尝试做以下三件事:
1)当“任何”复选框被“选中”时，剩余的“1-6”应该被“取消选中”。2)当'1到6'复选框中的任何一个被'选中'时，'任何'复选框应该'未选中'。3)如果我“选中”数字然后“取消选中”所有数字，则应“选中”“任何”复选框

我能够使用 jquery 执行 1) 和 2)，但不能执行 3)。

我无法检查是否所有复选框“1 - 6”都是“未选中”的条件。

HTML:

<input name="deal_any" type="checkbox">any

<input name="deal" type="checkbox">1
<input name="deal" type="checkbox">2
<input name="deal" type="checkbox">3
<input name="deal" type="checkbox">4
<input name="deal" type="checkbox">5
<input name="deal" type="checkbox">6

j查询:

$("input").click(function(){
name=$(this).attr("name");
match = name.match(/any/);
if( match != null)
{
if($(this).is(':checked'))
{
   $('input[name="deal"]').attr('checked', false);
}
}
else
{
if($(this).is(':checked'))
{
   $('input[name="deal_any"]').attr('checked', false);
}
}
});

谁能告诉我如何做到这一点？对不起，如果我的解释不清楚。

我将不胜感激，并提前感谢您的帮助!

Answer 1

你可以这样做

var da = $('input[name="deal_any"]'); // any checkbox
var di = $('input[name=deal]'); // other 6
// when any checkbox changes
da.change(function() {
    // if checked then uncheck all others
    if(this.checked){
        di.prop('checked',false);
    }
});
// when other 6 checkboxes change
di.change(function(){
    // if none are checked then check "deal_any" checkbox - else uncheck
    da.prop('checked',$('input[name=deal]:checked').length === 0);
}).change(); // trigger on page load

http://jsfiddle.net/W8QSW/

你可以像这样让它变得通用

var da = $('input.class_one'); // checkbox with name that ends with any
var di = $('input.class_two'); // other checkboxes that don't have any
// when any checkbox changes
da.change(function() {
    // if checked then uncheck all others
    if(this.checked){
        di.prop('checked',false);
    }
});
// when other 6 checkboxes change
di.change(function(){
    // if none are checked then check "deal_any" checkbox - else uncheck
    da.prop('checked',$('input.class_two:checked').length === 0);
}).change(); // trigger on page load

​