Question

我有一个带有单选按钮的HTML表单，可以选择多个，但为什么？我无法帮助自己。

这是我的HTML：

<input type="radio" name="nameA" id="nameA" value="nameA">
<label for="nameA">Choice A</label>
<input type="radio" name="nameB" id="nameB" value="nameB">
<label for="nameB">Choice B</label>

对于发现此问题的任何人：解决方案是给他们相同的名称

<input type="radio" name="sameName" id="nameA" value="nameA">
<label for="nameA">Choice A</label>
<input type="radio" name="sameName" id="nameB" value="nameB">
<label for="nameB">Choice B</label>

Answer 1

所有具有相同名称且属于相同形式的控件的单选按钮都是组的一部分。

只能检查组中的一个单选按钮。

您有两个不同名称的单选按钮。这意味着您有两个无线电组，每个组包含一个单选按钮。

如果您只想选择其中一个，则需要将它们放在同一个组中（通过让它们共享一个名称）。

（它们应该仍然具有唯一ID（因此您可以为每个标签提供一个标签）和值（这是您确定在将表单提交给服务器时检查哪一个）的方法。）

<form>
  <fieldset>
    <legend>Thing that is being chosen</legend>

    <input type="radio" name="name" id="nameA" value="nameA">
    <label for="nameA">Choice A</label>

    <input type="radio" name="name" id="nameB" value="nameB">
    <label for="nameB">Choice B</label>

  </fieldset>
</form>

Answer 2

每当你创建单选按钮时（意图是确保用户只能选择1个选项），请确保使name属性的值相同

请更新您的代码：

<input type="radio" name="sameName" id="nameA" value="nameA">
<label for="nameA">Choice A</label>
<input type="radio" name="sameName" id="nameB" value="nameB">
<label for="nameB">Choice B</label>

为什么我可以检查多个单选按钮？

2 个答案: