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

別の選択肢ですが、未定義ほど乾燥していません：

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

});