用jQuery作checkbox選取

因為checkbox的按鈕很小顆,很多時候我們可能會需要做一些功去加大選取範圍,一個方法是使用用jQuery做On/Off切換,可以去變畫checkbox的樣式。

另外也可以偵測使用者點擊某個元素,再去切換checkbox的check。

使用方法很簡單(會了就都很簡單 XD),使用別的selector去控制checkbox的時候,要先去判斷是否為選取狀態。

  1. $("input[type='checkbox']").is(":checked")  

之後再去切換checkbox的狀態即可。
  1. $(this).prop("checked"false);   
  2. $(this).prop("checked"true);  

效果就會像這樣

留言