jQuery：檢查復選框是否已選中

Question

我想在提交表單時突出顯示所有未選中的復選框。 我在.new_order總共有六個復選框，並且已經開始編寫該函數，但是我有點卡住了如何向.new_order 每個未選中的復選框添加突出顯示類。

$('#orderconfirm').click(function () {
    if ($('.modal .modal-body .new_order :checkbox').is(':unchecked') {
        $(this).addClass('highlight');
    }
});

這段代碼會遍歷每個復選框嗎？ 我覺得我想念什么。 同樣，此代碼必須禁用按鈕，直到選中每個復選框。 任何幫助將是巨大的！

Answer 1

嘗試在選擇器的末尾使用:not(:checked)在其上調用.addClass()以將類添加到所有返回的對象中。

演示

$('#orderconfirm').click(function () {
    $('.modal .modal-body .new_order input:checkbox:not(:checked)')
        .addClass('highlight');
});

Answer 2

這是以下方法的有效jsFiddle 。

您可以使用jQuery的each（）來遍歷您的類，然后將CSS類添加到滿足您條件的任何元素中：

$('#orderconfirm').click(function () {
  $('.new_order').each(function(){
     if($(this).prop('checked') === false) {
        $(this).addClass('highlight');
     }
  });
});