如果选择了所有复选框，则启用 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');
    }       
});

演示在这里