在js中设置用户必须阅读完某项协议 才能勾选登陆或注册 (disabled的使用技巧)
仔细观看两张图片画圈部分是不一样的
当滚轮在上面时下面的表单是不可选中的
第二张在底部表单是可选中的
其中方法为为监听这个滚轮,当滚轮到达底部时 表单变为可选中状态
info.scrollHeight - info.scrollTop == info.clientHeight //判断滚条是否到达了底部
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <style type="text/css"> #info{ width: 200px; height: 500px; background-color: #00FFFF; overflow:auto; } </style> <script type="text/javascript"> window.onload = function(){ /* *垂直滚动条到底时表单项可用 * onscroll * 该事件会在滚动条滚动时触发 * */ var info = document.getElementById("info"); var inputs = document.getElementsByTagName("input"); info.onscroll = function(){ //检查滚动条是否滚动到底了 if(info.scrollHeight - info.scrollTop == info.clientHeight){ //滚动条到底表单项可用 inputs[0].disabled = false; inputs[1].disabled = false; } } } </script> <title></title> </head> <body> <h1>欢迎新用户注册</h1> <p id="info">亲爱的用户请仔细阅读一下协议如果不仔细你将不能成功注册 亲爱的用户请仔细阅读一下协议如果不仔细你将不能成功注册 亲爱的用户请仔细阅读一下协议如果不仔细你将不能成功注册 亲爱的用户请仔细阅读一下协议如果不仔细你将不能成功注册 亲爱的用户请仔细阅读一下协议如果不仔细你将不能成功注册 亲爱的用户请仔细阅读一下协议如果不仔细你将不能成功注册 亲爱的用户请仔细阅读一下协议如果不仔细你将不能成功注册 亲爱的用户请仔细阅读一下协议如果不仔细你将不能成功注册 亲爱的用户请仔细阅读一下协议如果不仔细你将不能成功注册 亲爱的用户请仔细阅读一下协议如果不仔细你将不能成功注册 亲爱的用户请仔细阅读一下协议如果不仔细你将不能成功注册 亲爱的用户请仔细阅读一下协议如果不仔细你将不能成功注册 亲爱的用户请仔细阅读一下协议如果不仔细你将不能成功注册 亲爱的用户请仔细阅读一下协议如果不仔细你将不能成功注册 亲爱的用户请仔细阅读一下协议如果不仔细你将不能成功注册 亲爱的用户请仔细阅读一下协议如果不仔细你将不能成功注册 亲爱的用户请仔细阅读一下协议如果不仔细你将不能成功注册 亲爱的用户请仔细阅读一下协议如果不仔细你将不能成功注册 亲爱的用户请仔细阅读一下协议如果不仔细你将不能成功注册 亲爱的用户请仔细阅读一下协议如果不仔细你将不能成功注册 亲爱的用户请仔细阅读一下协议如果不仔细你将不能成功注册 亲爱的用户请仔细阅读一下协议如果不仔细你将不能成功注册</p> <input type="checkbox" name="" id="" value="" disabled="disabled"/>我已仔细阅读协议,一定遵守 <input type="submit" value="注册" disabled="disabled"/><!-- 如果为表单添加disabled="disabled则表单项将变成不可用的状态--> </body> </html>
这个方法在chrome中不适用,其它浏览器均可
到此这篇关于javascript实现用户必须勾选协议实例讲解的文章就介绍到这了,更多相关javascript实现用户必须勾选协议内容请搜索站长技术以前的文章或继续浏览下面的相关文章希望大家以后多多支持站长技术!
命令简介 iotop 命令用来查看磁盘 I/O 使用状况的工具。iotop 具有与 top 相似的...
前言 玩过百度网盘的都应该清楚它的强大,小编就是靠着百度网盘那强大的功能以及...
Function语句 声明Function过程的名称、参数以及构成其主体的代码。 [Public[Def...
前言: 1.这个随笔实现了一个Ajax动态加载的例子。 2.使用.net 的MVC框架实现。 ...
1. 首先加载mybatis-config.xml总配置文件根据development的参数配置连接数据库...
//校验是否全由数字组成 function isDigit(s) { var patrn=/^[0-9]{1,20}$/; if ...
方法一: input id= File1 type= text disabled/ 不可用 方法二: input id= Fil...
写在前面 本文包括浏览器调试,不包括web移动端调试。 本文调试均在chrome浏览器...
这获取当前日期与公元一年一月的天数差并判断星期几里写自定义目录标题 绝对没问...
CSS overflow 属性控制对太大而区域无法容纳的内容的处理方式。 CSS Overflow ov...