点击文字label同时选中checkbox radio

在做网页的时候一般会有一个需求：点击一段文字信息的同时选中某个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