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>

但我只得到一个值。如何获得多个值？有人对我说我应该使用循环语句，但我不知道该放在哪里。

谁能帮忙。提前致谢。

Answer 1

用于.map()创建值数组：

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

此外，您的 ID 是重复的，请记住，ID必须是唯一的。