jQuery 判斷 Checkbox 取消勾選的正確姿勢：傳遞 `this` 而非群組選取器

錯誤程式碼分析

// JSP
onclick="selectProductCode('${productCode}')"

// JS
function selectProductCode(code) {
    alert($("input:checkbox[name='selectCode']:checked").is(':checked'));
}

問題：$("input:checkbox[name='selectCode']:checked") 選取的是所有已勾選的 checkbox 群組。只要群組中至少有一個被勾選，.is(':checked') 就回傳 true。取消第一個時，群組還有其他勾選項 → 仍為 true。

正確做法：傳遞當前元素 `this`

// JSP
onclick="selectProductCode('${productCode}', this)"

// JS
function selectProductCode(code, cb) {
    alert(cb.checked);  // 原生 DOM 屬性，直接反映當前狀態
    // 或 jQuery
    alert($(cb).is(':checked'));
    alert($(cb).prop('checked'));
}

進階：事件委派（動態新增 checkbox）

$(document).on('change', 'input:checkbox[name="selectCode"]', function() {
    console.log(this.checked, this.value);
});

關鍵 API 對比