javascript - 如何使用jquery在数组中选择多个输入值

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

另一种选择，但不像 undefined 那样枯燥：

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);

});