如何检查div中的所有复选框是否都使用jQuery检查？

Question

这失败了：

var all_checkboxes = $('#myDiv input[type="checkbox"]');

if (all_checkboxes.is(':checked')) {
   alert('they are all checked');
}

即使只检查了一个而不是全部，也会检查它们是否全部被检查。

Answer 1

您可以检查是否选中了所有复选框：

var all_checkboxes = $('#myDiv input[type="checkbox"]');

if (all_checkboxes.length === all_checkboxes.filter(":checked").length) {
  alert('they are all checked');
}

Answer 2

检查其中没有一个未经检查：

if (all_checkboxes.not(":checked").length === 0)

Answer 3

只需将相同的类“ myClass”添加到所有复选框，然后：

let areAllChecked = !$('.myClass').not(':checked').length; //'true' if all checked