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

发布网友发布时间：2022-09-16 00:32

共2个回答

热心网友时间：2023-10-11 07:31

　　只要指定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>

　　希望能帮到你。

热心网友时间：2023-10-11 07:32

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。