2022/1/12，练习

最新推荐文章于 2024-08-16 19:02:09 发布

weixin_44645655

最新推荐文章于 2024-08-16 19:02:09 发布

阅读量30

点赞数

分类专栏： javascript 文章标签： javascript

本文链接：https://blog.csdn.net/weixin_44645655/article/details/122462536

版权

javascript 专栏收录该内容

15 篇文章 0 订阅

订阅专栏

                                     **阅读同意条款代码的实现，不到底部不允许勾选选择框**

<!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 () {
            /*
            *onscroll
            *   -该事件会在元素的滚动条滚动时触发
            */

            //获取id为info的标签
            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>

weixin_44645655

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
2022/1/12，练习

**阅读同意条款代码的实现，不到底部不允许勾选选择框**<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" cont...
复制链接

扫一扫