正文

点击文字label同时选中checkbox radio

IP云
IP云V管理员/5 阅读
09/14
提示：扫一扫查出行
【扫一扫了解最新限行尾号】
复制提示

在做网页的时候一般会有一个需求：点击一段文字信息的同时选中某个checkbox

旧处理方式是在这段文字上加上点击事件触发checkbox的选中事件

//jq中：
//选中
$("#ID").attr("checked","checked");
//不选中
$("#ID").removeAttr("checked");
//js中：
 var boxes = document.getElementsByName("test");
 boxes[i].checked = true;

这里提供一种便利的方法：

<p>
<input name="fittype" type="checkbox" value="8" id="checkin8"/>
<label for="checkin8">其他</label>
</p>

将input和label放在同一个标签p中同时lable的for属性的值等于input的id属性值就可以实现点击label同时控制input