JavaScript / jQuery：偵測核取方塊勾選狀態並觸發事件

需求：當使用者勾選核取方塊（checkbox）時顯示提示「勾上了」，取消勾選則顯示「取消了勾選」。

jQuery 寫法（推薦）

利用 .click() 或 .change() 事件，搭配 this.checked 判斷狀態：

<input type="checkbox" class="grp1"/>
<input type="checkbox" class="grp1"/>
<input type="checkbox" class="grp1"/>
<script>
$('input.grp1').click(function(){
    alert(this.checked ? "勾上了" : "取消了勾選");
});
</script>

原生 JavaScript 寫法

<input type="checkbox" id="chk1" />
<script>
document.getElementById('chk1').addEventListener('change', function() {
    alert(this.checked ? "勾上了" : "取消了勾選");
});
</script>

注意事項

• 使用 change 事件比 click 更語意化，也能涵蓋鍵盤操作。
• 多個核取方塊共用邏輯時，加上共同 class 並用類別選擇器綁定，避免重複程式碼。