當跳轉到新的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兩個文件