Radio Button Group具有相同的名称

时间:2014-06-24 18:27:57

标签: javascript jquery html

我遇到了这个问题:在我的表格中我有一个问题列表,这个问题的答案是多个具有相同名称的单选按钮。

如果我有一个问题,没问题,但如果我有两个或更多问题,我有很多同名的单选按钮。

我在HTML中有这个:

<label>Do you Like?</label>
<label>Yes</label>
<input type="radio" value="35" name="answer">
<label>No</label>
<input type="radio" value="36" name="answer">

<label>Are you interested?</label>
<label>Yes</label>
<input type="radio" value="35" name="answer">
<label>No</label>
<input type="radio" value="36" name="answer">

<label>Do you like repeat?</label>
<label>Yes</label>
<input type="radio" value="35" name="answer">
<label>No</label>
<input type="radio" value="36" name="answer">

我无法更改名称或值,因为我需要此属性来保存用户的答案。

用户选择一个无线电,如果用户选择其他问题的其他无线电,则第一个问题的无线电改变并仅显示一个无线电。

2 个答案:

答案 0 :(得分:0)

每个问题中的单选按钮都需要有不同的名称。具有相同名称的单选按钮只能用作一个“组”。例如:

<label>Do you Like?</label>
<label>Yes</label>
<input type="radio" value="35" name="like_answer">
<label>No</label>
<input type="radio" value="36" name="like_answer">

<label>Are you interested?</label>
<label>Yes</label>
<input type="radio" value="35" name="interested_answer">
<label>No</label>
<input type="radio" value="36" name="interested_answer">

答案 1 :(得分:0)

更改name

<label>Do you Like?</label>
<label>Yes</label>
<input type="radio" value="35" name="answer">
<label>No</label>
<input type="radio" value="36" name="answer">

<label>Are you interested?</label>
<label>Yes</label>
<input type="radio" value="35" name="answertwo">
<label>No</label>
<input type="radio" value="36" name="answertwo">

<label>Do you like repeat?</label>
<label>Yes</label>
<input type="radio" value="35" name="answertree">
<label>No</label>
<input type="radio" value="36" name="answertree">