Question

html 如何绑定radio 控件和label控件

html 如何绑定radio 控件和label控件

Answer 1

　　只要指定label的"for"属性到radio的id就行，或者用label标签包围住radio。

　　请参见下面例子：

　　写法一：

<input type="radio" id="radioA" name="radio1" /><label for="radioA">这是radioA</label>
<input type="radio" id="radioB" name="radio1" /><label for="radioB">这是radioB</label>

　　写法二：

<label><input type="radio"  name="radio2">这是radioA</label>
<label><input type="radio"  name="radio2">这是radioB</label>

　　希望能帮到你。

Answer 2

radio 和 label是通过input的id和label的for绑定的，只要在label的for标签里加上对应input的id，就绑定了。例如：

性别：
<input name="sex" id="man" type="radio" value="" /> 
<label for="man">男</label>

这样，点label里的”男“就会选中id为”nan“的radio。