javascript - ajaxからphpへの複数のチェックボックス値の取得

Question

ここに私のajaxにこのコードがあります：

var userCheckbox = $("input[name=chk]:checked").val();

これは私のhtmlのチェックボックスです：

<input id="checkbx" type="checkbox" name="chk" value="apple"/>apple</td>
<input id="checkbx" type="checkbox" name="chk" value="corn"/>corn</td>
<input id="checkbx" type="checkbox" name="chk" value="tomato"/>tomato</td>
<input id="checkbx" type="checkbox" name="chk" value="juice"/>juice</td>

しかし、私は1つの値しか取得していません。どうすれば複数の値を取得できますか? ループ文を使うべきだと誰かが私に言いましたが、どこに置くべきかわかりません。

誰でも助けてください。前もって感謝します。

Answer 1

.map()値の配列を作成するために使用します。

var userCheckbox = $("input[name=chk]:checked").map(function() {
    return this.value;
}).get();

また、ID は繰り返し使用されます。ID は一意である必要があります。