HTML单选按钮不按照定义工作？答案

【问题标题】：HTML radio button not working according to definition?HTML单选按钮不按照定义工作？
【发布时间】：2014-03-25 03:24:51
【问题描述】：

来自维基百科：

“单选按钮或选项按钮是一种图形用户界面元素，允许用户仅选择一组预定义选项中的一个。”

因为这是我想要的页面，所以我使用了单选类型的输入按钮：

    <form id="run_units">
        <input type="radio" value="1">Miles 
        <input type="radio" value="2">Kilometers
    </form>

然而，当我测试我的页面时，它允许我选择英里和公里。我做错了什么？

【问题讨论】：

标签： html

【解决方案1】：

给每个输入一个名字。名称应该相同。

    <input type="radio" name="distance" value="1">Miles 
    <input type="radio" name="distance" value="2">Kilometers

为什么要使用 name 属性？因为复选框是用在表单中的，每个<input>都应该有一个名字，通过这个名字发送到服务器。

【讨论】：

【解决方案2】：

为了使选择仅限于一个单选按钮，您需要为两个按钮提供相同的name，例如：

<form id="run_units">
    <input type="radio" value="1" name="distance">Miles 
    <input type="radio" value="2" name="distance">Kilometers
</form>

您希望限制为“组”的所有单选按钮都应具有相同的name

【讨论】：