jQuery如何仅访问选中的复选框？

Question

我有一个包含7 checkboxes的div，我编写了以下代码，用于only the checked checkbox访问到array 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"));
});