用jQuery作checkbox選取
因為checkbox的按鈕很小顆,很多時候我們可能會需要做一些功去加大選取範圍,一個方法是使用用jQuery做On/Off切換,可以去變畫checkbox的樣式。
另外也可以偵測使用者點擊某個元素,再去切換checkbox的check。
使用方法很簡單(會了就都很簡單 XD),使用別的selector去控制checkbox的時候,要先去判斷是否為選取狀態。
之後再去切換checkbox的狀態即可。
效果就會像這樣
另外也可以偵測使用者點擊某個元素,再去切換checkbox的check。
使用方法很簡單(會了就都很簡單 XD),使用別的selector去控制checkbox的時候,要先去判斷是否為選取狀態。
- $("input[type='checkbox']").is(":checked")
之後再去切換checkbox的狀態即可。
- $(this).prop("checked", false);
- $(this).prop("checked", true);
效果就會像這樣
留言