举个例子,点击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> 7 <script> 8 function manualMode() { 9 if ($('#manualMode').prop('checked')) { 10 if (!confirm('你想选中吗?')) { 11 return false; 12 } 13 } else { 14 if (!confirm('你想取消选中吗?')) { 15 return false; 16 } 17 } 18 } 19 </script> 20 </head> 21 22 <body> 23 <input id="manualMode" type="checkbox" onclick="return manualMode();"> 24 </body> 25 26 </html>