點擊文字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