如何确定哪个单选按钮被选中？

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

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

- sark9012

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

将name想象为姓氏...例如，如果您有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 />

- superUntitled

---

非常好的答案，非常有用。 一旦允许，我会给它打上对勾。 谢谢伙计。 - sark9012

那么如果我需要知道哪个按钮被选中了呢？这是可能的吗？ - sark9012

该值将是所选的值。 - casablanca

Answer 2

你应该给它们相同的名称。

- Sergey Eremin

Answer 3

我知道！像这样做：

<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'属性赋相同的值。您可以为单选按钮添加名称

- user3244485

Answer 4

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

- user1131926