html - 你如何使单选按钮文本也可点击？

Question

我有这个单选按钮（以及其他一些在这个之后）：

<input type="radio" name="group1" value="Milk"> Milk<br>

但是如果我想激活单选按钮，我必须单击它，单击按钮右侧的“牛奶”一词不会激活它。我该怎么做？到目前为止，我发现的有关单选按钮的所有示例都有相同的问题。提前致谢。

Answer 1

在这里您要使用标签标签。

就像是：

            <label>
                <input type="radio" name="group1" value="Milk">
                Milk
            </label><br/>

标签告诉浏览器其中包含的所有内容都应视为一个元素（就文本而言。它们不是 div）

看一下这个例子：http ://www.w3schools.com/tags/tryit.asp?filename=tryhtml_label

Answer 2

如果您使用标签标签，给您的单选按钮一个 ID，您应该能够单击标签来选择单选。

<input type="radio" name="group1" value="Milk" id="rad1">
<label for="rad1">Milk</label>

http://jsfiddle.net/tvFgU/1/

这对 xhtml 1.0 严格有效：

Answer 3

对于反应 JSX

<input type="radio" name="group" value="happy" id="rad1">
<label htmlFor="rad1">YES</label>

<input type="radio" name="group" value="sad" id="rad2">
<label htmlFor="rad2">NO</label>

这里的 Name 属性对于两个单选按钮都是相同的。