jQuery：启用提交时，最小1复选框被选中

Question

如果至少有一个复选框class='check'被选中，我怎样才能删除"disabled='disabled'提交按钮的属性id='bla'？

如果未选中复选框，则禁用的属性应该返回到提交按钮。

Answer 1

你只需要检查的检查阵列

$('.check').change(function() { 
    if ($('.check:checked').length) { 
     $('#sub').removeAttr('disabled'); 
    } else { 
     $('#sub').attr('disabled', 'disabled'); 
    } 
}); 

这里的length属性的演示：http://jsfiddle.net/LUnN5/

Answer 2

获取有关所有复选框的引用，然后在change()事件中，根据是否选中任何复选框来设置disabled属性。

var checks = $(':checkbox.check'); 
checks.change(function() { 
    $('#bla').attr('disabled', ! checks.filter(':checked').length); 
}); 

jsFiddle。

Answer 3

$(".check").change(function() { 

    var btn = $("#bla"); 

    if ($(".check").is(":checked")) { 

     btn.removeAttr("disabled"); 

    } else { 

     btn.attr("disabled", "disabled"); 

    } 

}); 

$(".check").triggerHandler("change");