利用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 相关文章推荐
让您的菜单不离网站
Oct 03 Javascript
jquery validation插件表单验证的一个例子
Mar 03 Javascript
入门基础学习 ExtJS笔记(一)
Nov 11 Javascript
Javascript中的回调函数和匿名函数的回调示例介绍
May 12 Javascript
JavaScript中的类(Class)详细介绍
Dec 30 Javascript
JS实现支持多选的遍历下拉列表代码
Aug 20 Javascript
跟我学习JScript的Bug与内存管理
Nov 18 Javascript
node.js插件nodeclipse安装图文教程
Oct 19 Javascript
JavaScript高仿支付宝倒计时页面及代码实现
Oct 21 Javascript
微信小程序数字滚动插件使用详解
Feb 02 Javascript
实例解析Vue.js下载方式及基本概念
May 11 Javascript
原生js实现抽奖小游戏
Jun 27 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写日志的实现方法
2014/11/05 PHP
php保存任意网络图片到服务器的方法
2015/04/14 PHP
漂亮的仿flash菜单,来自蓝色经典
2006/06/26 Javascript
Maps Javascript
2007/01/22 Javascript
javascript判断是否按回车键并解决浏览器之间的差异
2014/05/13 Javascript
Javascript 构造函数详解
2014/10/22 Javascript
使用Node.js实现HTTP 206内容分片的教程
2015/06/23 Javascript
可以浮动某个物体的jquery控件用法实例
2015/07/24 Javascript
innerHTML中标签可以换行的方法汇总
2015/08/14 Javascript
js原生实现FastClick事件的实例
2016/11/20 Javascript
js实现漫天星星效果
2017/01/19 Javascript
Node.js 多进程处理CPU密集任务的实现
2019/05/26 Javascript
node后端服务保活的实现
2019/11/10 Javascript
使用相同的Apache实例来运行Django和Media文件
2015/07/22 Python
Python开发的实用计算器完整实例
2017/05/10 Python
Python队列的定义与使用方法示例
2017/06/24 Python
浅谈Python中的可变对象和不可变对象
2017/07/07 Python
python把数组中的数字每行打印3个并保存在文档中的方法
2018/07/17 Python
Python常见数据结构之栈与队列用法示例
2019/01/14 Python
在numpy矩阵中令小于0的元素改为0的实例
2019/01/26 Python
聊聊python里如何用Borg pattern实现的单例模式
2019/06/06 Python
django实现支付宝支付实例讲解
2019/10/17 Python
基于pygame实现童年掌机打砖块游戏
2020/02/25 Python
TensorFlow2.X结合OpenCV 实现手势识别功能
2020/04/08 Python
python操作微信自动发消息的实现(微信聊天机器人)
2020/07/14 Python
爱奇艺VIP会员:大剧抢先看
2018/07/11 全球购物
HttpServlet类中的主要方法都有哪些?各自的作用是什么?
2014/03/16 面试题
数学专业毕业生自荐信
2013/11/10 职场文书
学生爱国演讲稿
2014/01/14 职场文书
信息技术课后反思
2014/04/27 职场文书
2014年食堂工作总结
2014/11/20 职场文书
评职称个人总结
2015/03/05 职场文书
工厂采购员岗位职责
2015/04/07 职场文书
初中政治教学工作总结
2015/08/13 职场文书
Python Pycharm虚拟下百度飞浆PaddleX安装报错问题及处理方法(亲测100%有效)
2021/05/24 Python
Mysql数据库表中为什么有索引却没有提高查询速度
2022/02/24 MySQL