首页 > 代码库 > 点击radio后的文字选中
点击radio后的文字选中
我们填写表单时会遇到单选项，有时只能选前面的圈圈才能选中，这种体验不是很好。所以我们需要即使点击圈圈后的文字也能选中单选项。
下面以表单最常见的男女选项举例。
第一种方法：
<form action=""><input type="radio" name="sex" value="http://www.mamicode.com/male" id="radio1"> <label for="radio1">男</label> <br><input type="radio" name="sex" value="http://www.mamicode.com/female" id="radio2"> <label for="radio2">女</label></form>
添加label标签，然后添加for属性，关联对应radio的ID
第二种方法：
<form action=""><label><input type="radio" name="sex" value="http://www.mamicode.com/male" id="radio1">男</label> <br><label><input type="radio" name="sex" value="http://www.mamicode.com/female" id="radio2">女</label></form>
直接在选项外面添加lable元素即可
点击radio后的文字选中
声明：以上内容来自用户投稿及互联网公开渠道收集整理发布，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任，若内容有误或涉及侵权可进行投诉： 投诉/举报 工作人员会在5个工作日内联系你，一经查实，本站将立刻删除涉嫌侵权内容。