【问题标题】:How to select multiple radiobuttons on one page?如何在一页上选择多个单选按钮?
【发布时间】:2016-04-01 00:58:29
【问题描述】:

我想用 HTML 制作一份调查问卷。列表中的每个问题都可以通过选择四个单选按钮之一来回答。

我面临的问题是我只能选择一个选项在整个页面上,而我希望能够选择一个选项每个问题。 p>

当我有一个问题列表并且我选择了问题 1 的替代方案时,我会转向问题 2。

当我为问题 2 选择一个备选方案时,为问题 1 选择的单选按钮被取消选择。

不同问题的单选按钮名称不同,1 个问题的单选按钮名称相同。我将每个问题都包含在一个字段集中,但这不起作用。

有谁知道如何做到这一点?任何帮助将不胜感激。

【问题讨论】:

  • 请分享一些示例代码。
  • 请注意,本网站不是代码编写服务。如果您edit您的问题描述了您到目前为止所尝试的内容以及您遇到的问题,那么我们可以尝试帮助解决具体问题。您还应该阅读How to Ask

标签: html radio-button


【解决方案1】:

您必须按name 对单选按钮进行分组:

 <input type="radio" name="group1" value="one">One<br>
 <input type="radio" name="group1" value="two">Two<br>
 <input type="radio" name="group1" value="three">Three<br>
 <input type="radio" name="group1" value="four">Four<br><br>

 <input type="radio" name="group2" value="a">a<br>
 <input type="radio" name="group2" value="b">b<br>
 <input type="radio" name="group2" value="c">c<br>
 <input type="radio" name="group2" value="d">d<br>

https://jsfiddle.net/ajjbfj0v/2/

【讨论】:

  • 请注意,OP 声明:“不同问题的单选按钮名称不同,1 个问题的单选按钮名称相同”。
  • 谢谢 Oscar,但正如 Jiri Tousek 所说,我已经知道不同问题的名称已经不同了,所以这对问题没有帮助。
猜你喜欢
  • 1970-01-01
  • 2011-03-12
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2016-09-24
  • 2020-01-21
  • 1970-01-01
相关资源
最近更新 更多