<!doctype html> <html lang="en"> <head> <meta charset="UTF-8" /> <title>Document</title> </head> <body> <p style="text-align:center;margin-top:30px;position:relative;line-height:25px"> <input type="checkbox" id="excep_checkbox" name="excep"> <label id="excep_label" for="excep" style="cursor:pointer;">我已经阅读并同意免责条款</label> <span id="hints" style="position:absolute;left:600px;top:0;color:red"></span> </p><br /> <input style="display:block;margin:0 auto;height: 30px;width:80px; font:15px Verdana,'Microsoft YaHei',Helvetica,Arial,Sans-Serif;" id="bt_agree" type="button" value="点击继续"><br/> </div> </body> <script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script> <script type="text/javascript"> var timeID=window.setInterval(shua,1000); window.onload=timeID; var t; t=5; var checkbox= document.getElementById("excep_checkbox"); function shua() { t=t-1; document.getElementById("hints").innerHTML="剩余 "+t+" 秒"; if (t==0) { window.clearInterval(timeID); checkbox.disabled = false; $('#excep_label').css("color","#000"); $('#hints').css("display","none"); } } $(document).ready(function() { $('#register').addClass('selli'); checkbox.disabled = true; $('#excep_label').css("color","#999"); var btagree = document.getElementById("bt_agree"); btagree.disabled = true; $('#excep_checkbox').click(function() { if (this.checked) { btagree.disabled = false; } else { btagree.disabled = true; } }) $('#bt_agree').click(function() { window.location.href = "http://www.baidu.com"; }) }); </script> </html>