jQuery：检查是否选中了复选框

Question

我希望在提交表单时突出显示任何未选中的复选框。我在.new_order中共有六个复选框，我已经开始编写这个函数，但我有点担心如何在{强>每个未选中的复选框中添加一个高亮类来{ {1}}。

.new_order

这段代码会遍历每个复选框吗？我觉得我错过了什么。此外，此代码必须禁用该按钮，直到选中每个复选框。任何帮助都会很棒！

Answer 1

尝试在选择器的末尾使用:not(:checked)，在此处调用.addClass()，将类添加到返回的所有对象中。

Demo

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