如何收集div内的所有复选框元素？

Question

我有一个很大的div元素，并且里面有多个div和input（复选框类型）标签。我想检查是否所有复选框均已选中。我尝试使用以下JQuery代码段来引用div中的所有复选框：

$('div#mainDiv-checkboxes input[type=checkbox]').each(function(){
    //my logic
});

但是它并没有获得所有复选框。这种情况下可靠的jquery选择器是什么？我页面中输入元素的位置没有顺序。我的意思是主div内无处不在。

Answer 1

获取所有复选框的数量。获取已选中复选框的数量。

如果数字相同，则全部检查。

var container = document.querySelector('#mainDiv-checkboxes');
var checkboxesAll = container.querySelectorAll('input[type="checkbox"]');
var checkBoxesSelected = container.querySelectorAll('input[type="checkbox"]:checked');

演示