Question

我有像这样的HTML文档

<div>
     <span>checkbox 1 : </span><input type="checkbox" value="12" />
     <span>checkbox 2 : </span><input type="checkbox" value="23" />
     <span>checkbox 3 : </span><input type="checkbox" value="38" />
     <span>checkbox 4 : </span><input type="checkbox" value="49" />
</div>
<input type="submit" value="Make" onclick="do_it()" />

我想要一个包含已选中复选框输入值的数组。

例如，如果选中复选框1和复选框3，我需要此数组= [12,38]。

我已尝试过使用Javascript和JQuery的几个想法，但我无法修复它：（

Answer 1

var arr = $('input[type=checkbox]:checked').map(function(){
       return this.value;
}).get();

Answer 2

另一种选择，但不像未定义的那样干燥：

http://jsfiddle.net/KTR9r/1/

<div>
     <span>checkbox 1 : </span><input type="checkbox" value="12" />
     <span>checkbox 2 : </span><input type="checkbox" value="23" />
     <span>checkbox 3 : </span><input type="checkbox" value="38" />
     <span>checkbox 4 : </span><input type="checkbox" value="49" />
</div>
<input id="my_submit" type="submit" value="Make" />

$("#my_submit").click(function() {

    var my_array = [];

    $("input:checkbox" ).each(function() {
        if( $(this).prop('checked') ){
            my_array.push( $(this).val() );
        }
    });    

    console.log(my_array);

});

如何使用jquery在数组中选择几个输入值

2 个答案: