jQuery 是一個非常流行的 JavaScript 庫,它的功能十分豐富。prop 是 jQuery 中的一個方法,它可以獲取或設置 HTML 元素的屬性值。在實際開發中,我們經常需要進行選中或反選操作,而使用 jQuery 的 prop 方法可以輕松實現。
// 獲取checkbox的選中狀態 var isChecked = $('#checkbox').prop('checked'); // 設置checkbox的選中狀態 $('#checkbox').prop('checked', true); // 反選checkbox的選中狀態 $('#checkbox').prop('checked', !isChecked);
上面的代碼中,第一行和第二行分別是獲取和設置 checkbox 選中狀態的代碼。而第三行就是我們今天重點講解的內容,它通過 !isChecked 實現了 checkbox 的反選操作。
如果你需要對多個 checkbox 進行反選操作,也很簡單。可以使用 jQuery 的 each 方法來遍歷所有的 checkbox,并對其進行反選操作。代碼如下:
// 反選所有checkbox的選中狀態 $('input[type=checkbox]').each(function() { $(this).prop('checked', !$(this).prop('checked')); });
代碼中,我們首先使用 jQuery 的選擇器選中了所有的 checkbox,然后使用 each 方法遍歷了所有的 checkbox,并對其進行了反選操作。這樣就可以一次性反選所有的 checkbox 了。