javascript - 从选中的复选框中获取值并使用 Javascript/jQuery 将它们放入数组中

Question

我想用 获取选中复选框的值，name="car_type[]"并用所有值提醒最终数组。怎么做？到目前为止，我有这个代码。但它不起作用。我不知道如何正确循环检查复选框并将值添加到数组car_type_arr中。我也无法使用alert(car_type_arr);. 谢谢你的帮助。

$().ready(function(){

        $('.prettycheckbox').click(function(e) {    

            e.preventDefault();

            var car_type_arr = [];

                $("input:checkbox[name=car_type]:checked").each(function()
                        {
                             // here I need to add values to array like in php
                             // e.g. $car_type_arr[] = $the_grabbed_value;
                             // but using javascript syntax
                             // How to do that?
                        });  

            // then I need to alert the array, how to do that in JS?
            alert(car_type_arr);

            return false;
        });

});

Answer 1

您可以使用map

var car_type_arr = $("input:checkbox[name=car_type]:checked").map(function() {
                        return this.value;
                   }).get();

console.log(car_type_arr);

Answer 2

$("input:checkbox[name=car_type]:checked").each(function() {
    car_type_arr.push($(this).val());
}); 

Answer 3

尝试这个：

$("input:checkbox[name=car_type]:checked").each(function()
    {
        car_type_arr.push($(this).val());
    });

Answer 4

试试下面的代码：

<input type="checkbox" name="chkBox" value="xxx">
<input type="checkbox" name="chkBox" value="xxx1">
<input type="checkbox" name="chkBox" value="xxx2">
<input type="button" id="btnBox">

$(document).ready(function(){
$("#btnBox").click(function(){
        var car_type_arr = [];

        $("input:checkbox[name=chkBox]:checked").each(function() {                
            car_type_arr.push($(this).val());
            alert(car_type_arr);
    }); 
});
});

演示：http: //jsfiddle.net/XDpBP/

Answer 5

你的代码应该是这样的，

$().ready(function(){

        $('.prettycheckbox').click(function(e) {    

            e.preventDefault();

            var car_type_arr = [];

                $("input:checkbox[name=car_type]").each(function()
                        {

                              if($(this).is(':checked')){
                                car_type_arr.push($(this).val());
                              }
                        });  

            alert(car_type_arr);

            return false;
        });

});