1. ホーム
  2. jquery

[解決済み】jQueryでdiv内のチェックボックスの一覧を取得する。

2022-04-04 14:03:58

質問

あるidのdivで選択されているチェックボックスの名前のリストを取得したいのですが。jQueryを使用してどのようにそれを行うのでしょうか?

例えば、この div に対して、配列 ["c_n_0" "c_n_3"] または文字列 "c_n_0;c_n_3" を取得したいのです。

<div id="checkboxes">
    <input id="chkbx_0" type="checkbox" name="c_n_0" checked="checked" />Option 1
    <input id="chkbx_1" type="checkbox" name="c_n_1" />Option 2
    <input id="chkbx_2" type="checkbox" name="c_n_2" />Option 3
    <input id="chkbx_3" type="checkbox" name="c_n_3" checked="checked" />Option 4
</div>

解決方法は?

前の2つの回答の組み合わせ。

var selected = [];
$('#checkboxes input:checked').each(function() {
    selected.push($(this).attr('name'));
});