<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <style type="text/css"> *{margin:0; padding:0;} .box_agreement{ text-align: center; } </style> </head> <body> <div class="box_agreement"> <input type="checkbox" checked="checked" id="cbId" onclick="confirmBox()">同意<a href="/index/protocol.html">个人隐私协议</a> </div> <script type="text/javascript"> // 1.在点提交按钮的时候验证checkbox是否选中 function confirmBox(){ var confirmBox = document.getElementById("cbId");//cbId为checkbox的ID if(confirmBox.checked){ form.submit(); }else{ alert("请同意协议"); return false; } } </script> </body> </html>
效果图:
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <style type="text/css"> *{margin:0; padding:0;} .box_agreement{ text-align: center; } </style> </head> <body> <!-- 第二种 jquery --> <div class="box_agreement"> <input type="checkbox" checked="checked" id="cbId" >同意<a href="/index/protocol.html">个人隐私协议</a> <button id="btn">点击</button> </div> <script src="http://apps.bdimg.com/libs/jquery/1.9.1/jquery.min.js" type="text/javascript"></script> <script type="text/javascript"> $(function(){ // 1、写法 $("#btn").click(function(){ if($('#cbId').length){ if(!($('#cbId').is(':checked'))){ alert('请同意协议'); return false; }; } }) ///2、写法 // $("#btn").click(function(){ // var check_box = $("#cbId"); // if(check_box.is(':checked')){ // form.submit(); // }else{ // alert("请同意协议"); // return false; // } // }); }); </script> </body> </html>
效果图: