javascript - 如果选中所有复选框，则启用 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