javascript - jquery如何访问仅选中的复选框？

Question

我有一个包含的 div ，我编写了7 checkboxes以下代码以访问only the checked checkboxarray icons

var icons = $("div").find("input[type=checkbox]").each(function () { 
if($(this).attr("checked") == "checked") return this; });

alert(icons.length);

但它总是提醒 7 。有人能告诉我问题吗？

Answer 1

var icons = $("div").find("input[type=checkbox]:checked");

Answer 2

var icons= $("div").find("input:checked").length;
alert(icons);

Answer 3

最简单的方法是将一个类分配给目标输入并使用选中的选择器，请参见下面的示例：

var icons = $('.box:checked');

Answer 4

你可以使用$.map，

$(document).ready(function() {
    var checks = $.map($("div").find('input[type="checkbox"]:checked'),function(arr){
        return arr;
    })
    console.log(checks.length);
})

或者你的方法，

$(document).ready(function() {
    var checks = $.each($("div").find('input[type="checkbox"]:checked'),function(){
        return this;
    })
    console.log(checks.length);
})

Answer 5

Hiya演示 http://jsfiddle.net/KzMqB/

您可能只需要检查一次使用:checked它就会为您提供所需的内容。

好读：http ://api.jquery.com/checked-selector/

希望这可以帮助！

代码

var icons = $("div").find("input[type=checkbox]:checked").each(function() {
           alert("ID of checked checkbox = " + $(this).attr("id"));
});