jQuery：检查复选框是否被选中
我想在提交表单时突出显示任何未选中的复选框。 我在.new_order总共有六个复选框，并且我已经开始编写该函数，但是我有点卡住了如何向.new_order 每个未选中的复选框添加一个高亮类。
$('#orderconfirm').click(function () {
if ($('.modal .modal-body .new_order :checkbox').is(':unchecked') {
$(this).addClass('highlight');
}
});
此代码是否会遍历每个复选框？ 我觉得我失去了一些东西。 此外，这个代码必须禁用按钮，直到每个复选框被选中。 任何帮助将是伟大的！
尝试在选择器的末尾使用:not(:checked)在此调用.addClass()以将该类添加到返回的所有对象。
演示
$('#orderconfirm').click(function () {
$('.modal .modal-body .new_order input:checkbox:not(:checked)')
.addClass('highlight');
});
这是一个工作jsFiddle下面的方法。
您可以使用jQuery的each（）遍历您的类，并将CSS类添加到符合您的条件的元素：
$('#orderconfirm').click(function () {
$('.new_order').each(function(){
if($(this).prop('checked') === false) {
$(this).addClass('highlight');
}
});
});