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 必须是唯一的。