j查询如何仅访问复选框

jquery How to access only checked checkbox?

本文关键字：访问 复选框 何仅 查询      更新时间：2023-09-26

我有一个包含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 .谁能告诉我问题所在？

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

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

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

Hiya demo 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"));
});
你可以

使用$.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);
})

var icons= $("div").find("input:checked").length;
alert(icons);
相关文章：