利用javascript实现禁用网页上所有文本框,下拉菜单,多行文本域


Posted in Javascript onDecember 14, 2013

原理就是循环获取网页上的控件,然后设置disabled 属性为true.

代码如下:

<script type="text/javascript">
    var nodeList = document.getElementsByTagName("input");
    for (var i = 0; i < nodeList.length; i++) {
        nodeList[i].disabled = true;
    }
    nodeList = document.getElementsByTagName("select");
    for (var i = 0; i < nodeList.length; i++) {
        nodeList[i].disabled = true;
    }
    nodeList = document.getElementsByTagName("textarea");
    for (var i = 0; i < nodeList.length; i++) {
        nodeList[i].disabled = true;
    }
</script>

下面是这些控件的类型:

通过document.getElementsByName("controlName")[0].type.toLocaleLowerCase()可以获取。

根据控件的不同有下面几种类型:
"text"
"textarea"
"select-one"
"select-multiple"
"radio"
"checkbox"

Javascript 相关文章推荐
不懂JavaScript应该怎样学
Apr 16 Javascript
JS简单的轮播的图片滚动实例
Jun 17 Javascript
js禁止回车提交表单的示例代码
Dec 23 Javascript
jQuery表单域选择器用法分析
Feb 10 Javascript
基于jquery实现表格内容筛选功能实例解析
May 09 Javascript
jQuery对象的链式操作用法分析
May 10 Javascript
javaScript中的空值和假值
Dec 18 Javascript
Vue-Router2.X多种路由实现方式总结
Feb 09 Javascript
使用layui 渲染table数据表格的实例代码
Aug 19 Javascript
nuxt.js中间件实现拦截权限判断的方法
Nov 21 Javascript
JS document内容及样式操作完整示例
Jan 14 Javascript
探索浏览器页面关闭window.close()的使用详解
Aug 21 Javascript
js获取url中指定参数值的示例代码
Dec 14 #Javascript
Js实现双击鼠标自动滚动屏幕的示例代码
Dec 14 #Javascript
鼠标移到div,浮层显示明细,弹出层与div的上边距左边距重合(示例代码)
Dec 14 #Javascript
js键盘上下左右键怎么触发function(实例讲解)
Dec 14 #Javascript
js 上下左右键控制焦点(示例代码)
Dec 14 #Javascript
利用JS来控制键盘的上下左右键(示例代码)
Dec 14 #Javascript
JS短路原理的应用示例 精简代码的途径
Dec 13 #Javascript
You might like
php操作sqlserver关于时间日期读取的小小见解
2009/11/29 PHP
php使用redis的有序集合zset实现延迟队列应用示例
2020/02/20 PHP
对联广告js flash激活
2006/10/19 Javascript
javascript中运用闭包和自执行函数解决大量的全局变量问题
2010/12/30 Javascript
jquery遍历之parent()和parents()的区别及parentsUntil()方法详解
2013/12/02 Javascript
Ajax中解析Json的两种方法对比分析
2015/06/25 Javascript
JavaScript字符串删除重复字符的方法
2015/12/25 Javascript
关于JS中setTimeout()无法调用带参函数问题的解决方法
2016/06/21 Javascript
AngularJs expression详解及简单示例
2016/09/01 Javascript
功能强大的jquery.validate表单验证插件
2016/11/07 Javascript
详解JavaScript的内置对象
2016/12/07 Javascript
Vue.js实现表格动态增加删除的方法(附源码下载)
2017/01/20 Javascript
Vue拖拽组件开发实例详解
2018/05/11 Javascript
vue.js提交按钮时进行简单的if判断表达式详解
2018/08/08 Javascript
在vue项目中,将juery设置为全局变量的方法
2018/09/25 Javascript
在Vue项目中用fullcalendar制作日程表的示例代码
2019/08/04 Javascript
three.js利用gpu选取物体并计算交点位置的方法示例
2019/11/25 Javascript
使用 Python 获取 Linux 系统信息的代码
2014/07/13 Python
Python 探针的实现原理
2016/04/23 Python
Python实现Mysql数据统计及numpy统计函数
2019/07/15 Python
关于pymysql模块的使用以及代码详解
2019/09/01 Python
基于python2.7实现图形密码生成器的实例代码
2019/11/05 Python
Django自定义用户表+自定义admin后台中的字段实例
2019/11/18 Python
TensorFlow实现模型断点训练,checkpoint模型载入方式
2020/05/26 Python
Python偏函数实现原理及应用
2020/11/20 Python
聊聊Python pandas 中loc函数的使用,及跟iloc的区别说明
2021/03/03 Python
html5教你做炫酷的碎片式图片切换 (canvas)
2017/07/28 HTML / CSS
Annoushka英国官网:英国奢侈珠宝品牌
2018/10/20 全球购物
Right-on官方网站:日本知名的休闲服装品牌
2019/07/12 全球购物
Mountain Warehouse波兰官方网站:英国户外品牌
2019/08/29 全球购物
欧舒丹俄罗斯官方网站:L’OCCITANE俄罗斯
2019/11/22 全球购物
工作批评与自我批评范文
2014/10/16 职场文书
2015大学生自我评价范文
2015/03/03 职场文书
中学团支部工作总结
2015/08/13 职场文书
2016年第29个世界无烟日宣传活动总结
2016/04/06 职场文书
Python编程中内置的NotImplemented类型的用法
2022/03/23 Python