正文
跳转到下一页面时,必须先勾选阅读xx须知/协议才可跳转功能
小程序:扫一扫查出行
【扫一扫了解最新限行尾号】
复制小程序
【扫一扫了解最新限行尾号】
复制小程序
当跳转到新的html页面时,先判断checkbox是否选中,选中-->跳转到新页面;未选中--弹出提示消息(请先同意须知)
HTML:
1 <div class="choose">
2 <input class="check checkSty" id="agreeOrNot" type="checkbox"/>
3 <div class="notic">我已阅读并同意须知内容</div>
4 </div>
5 <!-- button -->
6 <a href="number.html">
7 <div class="sub btn" onclick = "return enter();">前往排队取号</div>
8 </a>
js:
<script>
var enter =function(){
var checkSty = $(".checkSty").is(":checked");
//判断checkbox是否被选中
if (checkSty==false){
//r如果没有被选中,则显示弹窗
layer.msg('请先同意阅读须知!');
return false;
}
else {
return true;
}
}
</script>
注:需要引入layer.css和layer.js两个文件