JSTL c:if 標籤下 onclick 事件失效：檢視渲染後 HTML 與 JS 錯誤

常見原因排查

1. 條件不滿足，元素未渲染**：
   檢視瀏覽器「原始碼」/「開發者工具 Elements」，確認 `` 是否實際輸出在頁面中。若 `` 包裹，元素不存在自然無事件。
2. JS 語法錯誤中斷執行**：
   Console 面板查看紅色錯誤，如前一行語法錯誤導致後續腳本不執行。
3. 事件綁定時機**：
   若元素動態新增 (AJAX/JSTL 迭代)，需用**事件委派**：
   $(document).on('click', 'input.myClass', handler);
4. onclick 字串引號衝突**：
   JSTL 屬性值含引號需轉義：
   <input onclick='fn("${var}")' />

除錯步驟

1. 瀏覽器 F12 → Elements → 搜尋該 input → 確認存在且 onclick 屬性正確。
2. Console 輸入 `fn('test')` 手動測試函數是否正常。
3. 在 onclick 直接寫 `alert(1)` 測試事件本身是否觸發。

最佳實踐

• **分離關注點**：HTML 不寫內聯 `onclick`，改用 `data-*` 屬性 + 統一事件委派。
  <input type="button" data-action="delete" data-id="${item.id}" class="action-btn">
$(document).on('click', '.action-btn', function(){ var id=$(this).data('id'); ... });
• JSTL 僅負責**資料渲染**，行為邏輯全在獨立 JS 檔案。