jQuery Checkbox 選中特定值彈出提示：事件委派與值比較最佳實踐

需求

四個同名 Checkbox，僅選中 value="checkbox3" 時彈窗提示。

推薦寫法：事件委派 + 嚴格比較

$(document).on('change', 'input[name="checkbox"]', function() {
    if (this.checked && this.value === 'checkbox3') {
        alert('選中 checkbox3');
    }
});

關鍵點

1. 使用 change 而非 click：鍵盤空白鍵、標籤點擊、程式碼 prop('checked', true) 皆觸發 change，覆蓋面更全。
2. 事件委派 $(document).on(...)：動態新增的 Checkbox 自動生效，效能優於逐個綁定。
3. this.value === 'checkbox3'：嚴格相等避免型別轉換陷阱；this 指向原生 DOM 元素，直接取屬性最快。
4. 取消選中不提示：if (this.checked ...) 確保僅勾選時觸發。

原生 JS 替代（零依賴）

document.addEventListener('change', e => {
    if (e.target.matches('input[name="checkbox"]') && e.target.checked && e.target.value === 'checkbox3') {
        alert('選中 checkbox3');
    }
});