**阅读同意条款代码的实现,不到底部不允许勾选选择框**
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<script type="text/javascript">
window.onload = function () {
var info = document.getElementById("info");
var inputs = document.getElementsByTagName("input");
info.onscroll = function () {
if (info.scrollHeight - info.scrollTop == info.clientHeight) {
alert("我已经滚到底了~~~");
inputs[0].disabled = false;
inputs[1].disabled = false;
}
};
};
</script>
<style type="text/css">
#info {
width: 200px;
height: 500px;
background-color: #bfa;
overflow: auto;
}
</style>
</head>
<body>
<h1>欢迎亲爱的用户注册</h1>
<p id="info">
仔细阅读以下协议,如果您不仔细阅读,您将不能注册
仔细阅读以下协议,如果您不仔细阅读,您将不能注册
仔细阅读以下协议,如果您不仔细阅读,您将不能注册
仔细阅读以下协议,如果您不仔细阅读,您将不能注册
仔细阅读以下协议,如果您不仔细阅读,您将不能注册
仔细阅读以下协议,如果您不仔细阅读,您将不能注册
仔细阅读以下协议,如果您不仔细阅读,您将不能注册
仔细阅读以下协议,如果您不仔细阅读,您将不能注册
仔细阅读以下协议,如果您不仔细阅读,您将不能注册
仔细阅读以下协议,如果您不仔细阅读,您将不能注册
仔细阅读以下协议,如果您不仔细阅读,您将不能注册
仔细阅读以下协议,如果您不仔细阅读,您将不能注册
仔细阅读以下协议,如果您不仔细阅读,您将不能注册
仔细阅读以下协议,如果您不仔细阅读,您将不能注册
仔细阅读以下协议,如果您不仔细阅读,您将不能注册
仔细阅读以下协议,如果您不仔细阅读,您将不能注册
仔细阅读以下协议,如果您不仔细阅读,您将不能注册
仔细阅读以下协议,如果您不仔细阅读,您将不能注册
仔细阅读以下协议,如果您不仔细阅读,您将不能注册
仔细阅读以下协议,如果您不仔细阅读,您将不能注册
仔细阅读以下协议,如果您不仔细阅读,您将不能注册
仔细阅读以下协议,如果您不仔细阅读,您将不能注册
仔细阅读以下协议,如果您不仔细阅读,您将不能注册
仔细阅读以下协议,如果您不仔细阅读,您将不能注册
仔细阅读以下协议,如果您不仔细阅读,您将不能注册
仔细阅读以下协议,如果您不仔细阅读,您将不能注册
仔细阅读以下协议,如果您不仔细阅读,您将不能注册
仔细阅读以下协议,如果您不仔细阅读,您将不能注册
仔细阅读以下协议,如果您不仔细阅读,您将不能注册
仔细阅读以下协议,如果您不仔细阅读,您将不能注册
仔细阅读以下协议,如果您不仔细阅读,您将不能注册
仔细阅读以下协议,如果您不仔细阅读,您将不能注册
仔细阅读以下协议,如果您不仔细阅读,您将不能注册
仔细阅读以下协议,如果您不仔细阅读,您将不能注册
</p>
<input type="checkbox" name="" id="" disabled>我已经阅读并且同意协议
<br>
<input type="submit" name="" id="" disabled>
</body>
</html>