<!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>
效果图：
时间： 2024-08-03 16:57:10