Question

我正在尝试使用JavaScript对网站进行测试。我不擅长javascript，所以我完全失去了。

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

关于javascript的问题，我希望能够做一些事情，比如说是的，不，是的，选择显示这个结果a.with每个答案来自下一部分。我不知道如何引用它们。

这是我的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说：

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

  例如，如果您的表单需要询问用户他们的首选联系方式，您可以创建三个单选按钮，每个按钮的名称属性设置为“contact”，但其中一个值为“email”，一个值为“phone”和一个值为“mail”的人。用户永远不会看到值或名称（除非您明确添加代码以显示它）。

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

尝试为同一组的单选按钮提供相同的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>

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

2 个答案: