jQuery中的checked屬性可以用于檢查和設置復選框和單選框的選中狀態。當屬性被設置為true時,表示該復選框或單選框被選中。如果該屬性被設置為false,則表示該復選框或單選框未被選中。
//獲取復選框的選中狀態 var isChecked = $('#myCheckbox').prop('checked'); //設置復選框的選中狀態 $('#myCheckbox').prop('checked', true);
實際上,如果在html中設置了checked屬性,則頁面加載時,該復選框或單選框將自動選中。通過jQuery,我們也可以檢查該屬性的值,以確定復選框或單選框是否已經被選中了。
//檢查復選框是否被選中 if($('#myCheckbox').prop('checked')){ alert('復選框已選中'); }
如果需要在點擊復選框時執行某些操作,可以使用jQuery的事件處理程序。下面是一個例子:
//選中或取消選中時調用的函數 function toggleCheck(){ if($(this).prop('checked')){ alert('選中'); } else{ alert('取消選中'); } } //為復選框添加單擊事件處理程序 $('#myCheckbox').click(toggleCheck);
總的來說,jQuery的checked屬性很方便地允許我們檢查和設置復選框和單選框的選中狀態。