JQuery 是一種快速、簡潔的 JavaScript 庫,可以為 Web 開發提供簡化和增強功能。其中一個經常使用的功能是 checked 取反。
checked 取反是指,當一個 checkbox 被選中時,它變為未選中的狀態,而當一個 checkbox 是未選中狀態時,它變為選中狀態。這種功能可以輕松地實現復選框的全選和取消全選。
$('input[type="checkbox"]').click(function() { $(this).prop('checked', !$(this).prop('checked')); });
代碼解釋:
該代碼使用 $('input[type="checkbox"]') 找到所有的 checkbox 元素,當其中任何一個被點擊時,執行一個函數。
該函數使用 $(this).prop('checked') 獲得 checkbox 當前的選中狀態,并將其狀態取反,使用 $(this).prop('checked', NEW_VALUE) 將 checkbox 設置為新的狀態。這個 NEW_VALUE 就是原來的值 “取反” (也就是 true 變為 false,false 變為 true)。
這就是如何實現 JQuery checked 取反的代碼。它簡單明了,易于使用,并幫助我們輕松實現復選框的全選和取消全選。祝您使用愉快!
下一篇單行超出省略號css