[解決済み] 選択されたすべてのチェックボックスのjQuery配列(クラス別) [重複].

質問

重複の可能性があります。

jQueryでチェックボックスグループの値を選択する。

HTMLでは、クラスによって一緒にグループ化されたチェックボックスのセットを持っています。私は、そのクラスで選択/チェックされたすべてのチェックボックスを含む配列をjQueryで取得したいのです（ページ上の他のチェックボックスは無視されます）。

だから、このようなHTMLコード。

<input type="checkbox" class="group1" value="18" checked="checked" />
<input type="checkbox" class="group1" value="20" />
<input type="checkbox" class="group1" value="15" />
<input type="checkbox" class="group2" value="14" />
<input type="checkbox" class="group1" value="55" checked="checked" />
<input type="checkbox" class="group1" value="10" checked="checked" />
<input type="checkbox" class="group2" value="77" checked="checked" />
<input type="checkbox" class="group1" value="11" />

チェックされた/選択された group1 のようなチェックボックスの値を配列にして返す。

var values = [ 18, 55, 10 ];

どのように解決するのですか？

あなたは :checkbox と :checked 擬似セレクタと .class セレクタを使用することで、指定したクラスでチェックされたチェックボックスのみという、正しい要素を取得することができます。

それから、簡単に トラバシング/マップ メソッドを使って、値の配列を取得することができます。

var values = $('input:checkbox:checked.group1').map(function () {
  return this.value;
}).get(); // ["18", "55", "10"]