點選checkbox後滿足條件才改變狀態
阿新 • • 發佈：2020-11-28
舉個例子，點選checkbox後先彈出會話框提示使用者是否改變狀態，根據使用者的選擇來決定改變還是不改變
程式碼簡單，直接上
關鍵點：onclick函式如果return false，checkbox的狀態將不會改變。
1 <!DOCTYPE html> 2 <html> 3 4 <head> 5 <meta charset="utf-8"> 6 <script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js"></script> 7View Code<script> 8 function manualMode() { 9 if ($('#manualMode').prop('checked')) { 10 if (!confirm('你想選中嗎？')) { 11 return false; 12 } 13 } else { 14 if (!confirm('你想取消選中嗎？')) { 15 returnfalse; 16 } 17 } 18 } 19 </script> 20 </head> 21 22 <body> 23 <input id="manualMode" type="checkbox" onclick="return manualMode();"> 24 </body> 25 26 </html>