javascript - 如何在javascript中获取多个复选框的值

Question

我在两个项目中使用了复选框，现在我可以获得第二组复选框的值。 我使用的第一组复选框:

<input name="option" type="checkbox" value="1" id="option1">option 1
<input name="option" type="checkbox" value="2" id="option2">option 2

然后

<input name="choice" type="checkbox" value="1" id="choice1">choice 1
<input name="choice" type="checkbox" value="2" id="choice2">choice 2

如何获取所选复选框的值，每组中只允许选择 1 个复选框。

我只需要 javascript 函数

Answer 1

您想要一个 radio button ，(一次只能选择一个选项)

<input name="option" type="radio" value="1" id="option1">option 1
<input name="option" type="radio" value="2" id="option2">option 2

<小时/>

可以通过在名称末尾附加 [] 将复选框分组为数组:

<input name="option[]" type="checkbox" value="1" id="option1">option 1
<input name="option[]" type="checkbox" value="2" id="option2">option 2

这将不会获得您想要的效果，而是会将复选框分组，以便它们的所有输入都将生成一个数组。 仍然可以使用此方法选择多个复选框。