javascript - 如何在将其放入 Array Jquery 时选中复选框？

Question

我们如何将选中的复选框放入数组中，如我的代码所示，

 var idArray = [];
        $("#controls input:checkbox").each(function() {
            idArray.push(this.name);
        });

希望你的建议

谢谢

Answer 1

你可以用更好的方式来做...

var idArray = $("#controls input[type='checkbox']")
               .filter(function() { return this.checked; })
               .map(function() { return this.name; })
               .get();

我还将您的选择器换成了可以直接传递给 的选择器document.querySelectorAll()，这将提高性能。

Answer 2

var idArray = [];
        $("#controls input:checkbox").find(":checked").each(function() {
            idArray.push(this.name);
        });

Answer 3

使用这种方式：

var idArray = [];
    $("#controls :checked").each(function() {
        idArray.push($(this).attr('name'));
    });

Answer 4

   var idArray = [];
    $("#controls input[type='checkbox']").each(function() {
        if($(this).attr('checked'))
        idArray.push($(this).attr('name'));
    });

编辑：对于选中的复选框

Answer 5

    var idArray = [];
    $("#controls input:checkbox:checked").each(function() {
        idArray.push(this.name);
    });

如果您只寻找 cheched 复选框，则需要添加:checked选择器。