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');
    }       
});

此處演示