如果选中所有复选框，则为JQuery启用按钮，并将css添加到禁用按钮

Question

如果选中所有复选框，我尝试启用按钮，如果未选中任何复选框，则禁用它。我使用此代码实现了这一点：

checkBoxes.change(function() {
    submitButton.attr("disabled", checkBoxes.is(":not(:checked)"));
 });

我不确定如果启用或禁用按钮，如何添加和删除css类。

此处示例：jsfiddle

非常感谢任何帮助。

Answer 1

现在发表评论作为答案......

var checkBoxes = $('input.compulsory'),
    submitButton = $('#continue');

checkBoxes.change(function () {
    submitButton.attr("disabled", checkBoxes.is(":not(:checked)"));
    if(checkBoxes.is(":not(:checked)")) {
        submitButton.addClass('disabled');
    } else {
        submitButton.removeClass('disabled');
    }       
});

DEMO HERE