如何确定接受哪个单选按钮？

Question

如何确定接受哪个单选按钮？

当我使用单选按钮时，如何防止用户选择多个选项？

<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 />

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

Answer 1

您需要使用“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 />

Answer 2

你应该给他们起同样的名字

Answer 3

我猜名称/值对的顺序也很重要。名称应该出现在顺序之前

Answer 4

我知道！这样做：

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

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