如何查找是否使用JQuery在div中选中了一个复选框？

Question

我有像

这样的div

<div style="" id="listColumns">
   <input type="checkbox" id="77"/>Name
   <input type="checkbox" id="78"/>Designation
   <input type="checkbox" id="79"/>Address
   <input type="checkbox" id="80"/>Email - Id
   <input type="checkbox" id="81"/>Date Of Birth
</div>

我试图找到使用JQuery检查所有字段的内容。怎么做？

Answer 1

$("#listColumns :checked").each(function() {

    alert(this.id + " is checked");

});

Answer 2

$("input:checked")

转到the docs阅读有关jQuery强大选择器的更多信息。

Answer 3

通过拆分选择器可以获得更好的性能。

$("#listColumns").find("input:checked").each(function() {
       alert(this.id);
});