Checkbox(復選框)是網頁表單中常用的元素之一,它允許用戶從一組選項中選擇一個或多個選項。在jQuery中,我們可以使用prop()方法設置或獲取checkbox的屬性和狀態。
// 獲取checkbox的選中狀態 var isChecked = $('#checkbox').prop('checked'); // 設置checkbox的選中狀態 $('#checkbox').prop('checked', true);
prop()方法的參數可以是屬性名或鍵值對。在上面的例子中,我們使用prop('checked')獲取checkbox的選中狀態,如果checkbox被選中,isChecked變量的值將為true。要設置checkbox的選中狀態,我們可以使用prop('checked', true)將其選中,或者prop('checked', false)將其取消選中。
除了prop()方法,我們還可以使用attr()方法獲取或設置checkbox的屬性,但要注意兩者之間的區別。prop()方法用于獲取或設置DOM屬性(如checked、disabled等),而attr()方法用于獲取或設置HTML屬性(如value、title等)。在大多數情況下,我們應該使用prop()方法。
// 獲取checkbox的value屬性 var value = $('#checkbox').attr('value'); // 設置checkbox的value屬性 $('#checkbox').attr('value', 'new value');
總之,使用jQuery操作checkbox非常簡單,我們可以使用prop()方法設置或獲取其選中狀態,attr()方法設置或獲取其HTML屬性。這些方法的靈活使用可以輕松實現復雜的交互效果。