如何识别接受哪个单选按钮?

时间:2010-07-04 20:25:24

标签: html radio-button

如何识别接受哪个单选按钮?

当我使用单选按钮时,如何阻止用户选择多个选项?

<input type='radio' name='one'>option1<br />
<input type='radio' name='two'>option2<br />
<input type='radio' name='three'>option3<br />
<input type='radio' name='four'>option4<br />
<input type='radio' name='five'>option5<br />

这就是我使用的代码,感谢阅读。

4 个答案:

答案 0 :(得分:26)

您需要使用“name”属性将它们绑定在一起,使用value属性为它们提供不同的值。

<input type="radio" name="number" value="one" /> One<br />
<input type="radio" name="number" value="two" /> Two<br />
<input type="radio" name="number" value="three" /> Three<br />

将姓名视为姓氏......例如,如果你有Bart,Lisa,Homer,Marge和Maggie,这个名字就是他们的姓:Simpson,价值就是所说的名字:

<input type="radio" name="Simpson" value="Bart" /> Bart<br />
<input type="radio" name="Simpson" value="Lisa" /> Lisa<br />
<input type="radio" name="Simpson" value="Marge" /> Marge<br />
<input type="radio" name="Simpson" value="Homer" /> Homer<br />
<input type="radio" name="Simpson" value="Maggie" /> Maggie<br />

答案 1 :(得分:4)

你应该给他们相同的名字

答案 2 :(得分:0)

此外,名称/值对的顺序是我猜的。名称应出现在订单

之前

答案 3 :(得分:0)

我知道!这样做:

<label><input type="radio" name="a">1</label>
<label><input type="radio" name="a">2</label>
<label><input type="radio" name="a">3</label>

为'name'属性赋予所有相同的值。您添加单选按钮的名称