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

【问题标题】：how to select several input values in an array using jquery如何使用jquery在数组中选择多个输入值
【发布时间】：2013-02-20 08:39:36
【问题描述】：

我有一个这样的 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 尝试了几个想法，但我无法修复它 :(

【问题讨论】：

你卡在哪里了？您无法选择输入吗？如果是，您是否无法过滤到选中的那些？如果是，您是否无法获得这些值？如果是，你是不是不能构建一个数组？
无论您尝试什么，最好还是粘贴代码。

标签： javascript jquery html jquery-selectors css-selectors

【解决方案1】：

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

【讨论】：

【解决方案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);

});

【讨论】：