javascript - 选择所有选中的复选框返回所有复选框而不是使用 JQuery

Question

这是我的代码 jsfiddle

JS文件

$( document ).ready(function() {

    $(".test").children().filter(function(index, elem){
      console.log($(elem).children(":checked"));
    });

})

HTML

 <ul class="test">
 <li><input type="checkbox" name="1"><label>something</label></li>
 <li><input type="checkbox" name="2"><label>something</label></li>
 <li><input type="checkbox" name="3"><label>something</label></li>
 <li><input type="checkbox" name="4" checked><label>something</label></li>
 </ul>

我试图选择所有选中的复选框，但如果我按 :checked 过滤，我会得到所有复选框。

我做错了什么？

Answer 1

更准确地说

var allChecked = $('.test input[type="checkbox"]:checked');

将所有选中的复选框作为具有 test 类的元素的子元素并测试复选框是否被选中，您可以使用

var bool = $(selector).is(":checked"); 
// return true if checked false if not
//where selector can be any jQuery selector