jQuery中的checked賦值在處理表單復選框和單選框時非常常用。以下是一些常見的使用場景:
// 設置一個復選框為選中狀態 $("#myCheckbox").prop("checked", true); // 設置一個單選框為選中狀態 $("#myRadioButton").prop("checked", true); // 獲取一個復選框的選中狀態 var isChecked = $("#myCheckbox").prop("checked"); // 獲取一個單選框的選中狀態 var isChecked = $("#myRadioButton").prop("checked");
需要注意的是,prop方法用于設置或讀取元素的屬性值,如checked屬性。此外,當屬性值為布爾類型時,可以簡單地使用true和false來設置和讀取。例如:
// 設置一個復選框為未選中狀態 $("#myCheckbox").prop("checked", false); // 獲取一個復選框的未選中狀態 var isChecked = !$("#myCheckbox").prop("checked");
在處理多個復選框時,可以通過選中的值來進行篩選。例如,我們可以選擇所有選中的復選框:
// 獲取所有選中的復選框 var checkedBoxes = $("input[type='checkbox']:checked");
另一個常見的場景是,我們需要在點擊一個復選框時,執行相應的操作。可以使用change事件來實現:
$("#myCheckbox").change(function() { if ($(this).prop("checked")) { // 復選框被選中時執行的操作 } else { // 復選框被取消選中時執行的操作 } });
需要注意的是,如果使用click事件來處理復選框或單選框的點擊事件,則可能會導致不穩定的行為。因為在某些情況下,click事件不代表復選框或單選框的真實狀態。