jQuery：选中min 1复选框时启用提交

Question

如果选中至少一个"disabled='disabled'复选框，如何删除id='bla'提交按钮的class='check'属性？

如果未选中任何复选框，则disabled属性应返回提交按钮。

Answer 1

您只需要检查已检查数组的length属性

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

以下是演示：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");