HTML 单选按钮允许选择多个选项

Question

我正在尝试使用JavaScript为网站进行测试。不过我不擅长javascript，所以我完全不知所措。

我不知道为什么，但我的单选按钮会让我在同一部分中选择多个，我认为这只应该发生在复选框上。

关于 javascript 的问题，我希望能够做一些事情，比如说如果选择是、否、是，则显示此结果 a.每个 ansswer 都来自下一节。我不知道如何引用它们。

这是我的 HTML：

<form>
<fieldset>
<div class="col">
<legend>Have you had your record expunged before?</legend>
<input type="radio" name="yes" id="yes" value="yes" />
<label> yes</label>
</div>
<input type="radio" name="no" id="no" value="no" />
<label>  no </label>
</fieldset>
</form>

谢谢！

Answer 1

MDN 说：

单选按钮组

是通过为组中的每个单选按钮指定相同的名称来定义的。建立单选按钮组后，选择该组中的任何单选按钮将自动取消选择同一组中当前选择的任何单选按钮。

例如，如果您的表单需要询问用户的首选联系方式，则可以创建三个单选按钮，每个单选按钮的 name 属性设置为"联系人"，但一个值为"电子邮件"，一个为值"phone"，另一个为值"mail"。用户永远不会看到值或名称(除非您明确添加代码来显示它(。

---

因此，这是因为您的单选按钮具有不同的name，它们应该具有相同的name和不同的value。

尝试为同一组的单选按钮提供相同的name值：

<form>
<fieldset>
<div class="col">
<legend>Have you had your record expunged before?</legend>
<input type="radio" name="yes_or_no" id="yes" value="yes" />
<label> yes</label>
</div>
<input type="radio" name="yes_or_no" id="no" value="no" />
<label>  no </label>
</fieldset>
</form>

Answer 2

您必须在"name"的属性中添加相同的单词

试试吧 ：

<form>
   <fieldset>
      <div class="col">
        <legend>Have you had your record expunged before?</legend>
        <input type="radio" name="choix" id="yes" value="yes" />
        <label for="yes"> yes</label>
      </div>
      <input type="radio" name="choix" id="no" value="no" />
      <label for="no">  no </label>
   </fieldset>
   <button type="submit">Envoyer</button>
</form>