jQuery 是一個比較流行的 JavaScript 庫,它能夠簡化 JavaScript 編寫,特別是對于 DOM 操作。在本文中,我們將學習如何使用 jQuery 讓 checkbox 選中時變色顯示。
// 監聽 checkbox 狀態改變事件 $(":checkbox").change(function() { // 判斷 checkbox 是否選中 if ($(this).is(":checked")) { // 如果選中,將背景顏色設置為黃色 $(this).closest("label").css("background-color", "yellow"); } else { // 如果未選中,將背景顏色設置為白色 $(this).closest("label").css("background-color", "white"); } });
上述代碼中,我們首先通過監聽所有的 checkbox 的狀態改變事件,在事件處理函數中判斷該 checkbox 是否選中,如果選中則將其所屬的 label 元素的背景色設置為黃色,否則設置為白色。
以上就是 jQuery 實現 checkbox 選中變色的方法,希望對您有所幫助。