码迷,mamicode.com
首页 > 其他好文 > 详细

跳转到下一页面时,必须先勾选阅读xx须知/协议才可跳转功能

时间:2019-08-11 10:47:28      阅读:537      评论:0      收藏:0      [点我收藏+]

标签:排队   sub   check   功能   htm   var   button   type   判断   

当跳转到新的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两个文件

跳转到下一页面时,必须先勾选阅读xx须知/协议才可跳转功能

标签:排队   sub   check   功能   htm   var   button   type   判断   

原文地址:https://www.cnblogs.com/renxiao1218/p/11334032.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!