跳轉到下一頁面時,必須先勾選閱讀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兩個文件


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM