利用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 01 Javascript
jquery如何改变html标签的样式(两种实现方法)
Jan 16 Javascript
Javascript的比较汇总
Jul 25 Javascript
深入浅出ES6之let和const命令
Aug 25 Javascript
JS仿JQuery选择器功能
Mar 08 Javascript
完美实现js选项卡切换效果(一)
Mar 08 Javascript
angular2 ng build部署后base文件路径问题详细解答
Jul 15 Javascript
解析Angular 2+ 样式绑定方式
Jan 15 Javascript
vue slots 组件的组合/分发实例
Sep 06 Javascript
详解vue-cli 2.0配置文件(小结)
Jan 14 Javascript
JavaScript实现背景自动切换小案例
Sep 27 Javascript
Vue 组件注册全解析
Dec 17 Vue.js
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
探讨Smarty中如何获取数组的长度以及smarty调用php函数的详解
2013/06/20 PHP
实现PHP搜索加分页
2016/10/12 PHP
PHP验证终端类型是否为手机的简单实例
2017/02/07 PHP
eval与window.eval的差别分析
2011/03/17 Javascript
alert出数组中的随即值代码
2014/09/25 Javascript
javascript编写实用的省市选择器
2015/02/12 Javascript
jquery实现点击向下展开菜单项(伸缩导航)效果
2015/08/22 Javascript
JQuery入门基础小实例(1)
2015/09/17 Javascript
javascript实现简单的ajax封装示例
2016/12/28 Javascript
JavaScript 有用的代码片段和 trick
2018/02/22 Javascript
jQuery幻灯片插件owlcarousel参数说明中文文档
2018/02/27 jQuery
angular4 获取wifi列表中文显示乱码问题的解决
2018/10/20 Javascript
js最实用string(字符串)类型的使用及截取与拼接详解
2019/04/26 Javascript
vue实现数字动态翻牌的效果(开箱即用)
2019/12/08 Javascript
JS+CSS实现3D切割轮播图
2020/03/21 Javascript
详解JavaScript的this指向和绑定
2020/09/08 Javascript
[51:29]完美世界DOTA2联赛循环赛 Matador vs Forest BO2第一场 11.05
2020/11/05 DOTA
浅谈Python中的数据类型
2015/05/05 Python
Python基于OpenCV库Adaboost实现人脸识别功能详解
2018/08/25 Python
Python3.5字符串常用操作实例详解
2019/05/01 Python
Django Celery异步任务队列的实现
2019/07/24 Python
Python自动化完成tb喵币任务的操作方法
2019/10/30 Python
解决Python二维数组赋值问题
2019/11/28 Python
基于Python实现扑克牌面试题
2019/12/11 Python
Pycharm中Python环境配置常见问题解析
2020/01/16 Python
python中对二维列表中一维列表的调用方法
2020/06/07 Python
python使用布隆过滤器的实现示例
2020/08/20 Python
matplotlib bar()实现多组数据并列柱状图通用简便创建方法
2021/02/24 Python
编程用JAVA解析XML的方式
2013/07/07 面试题
房屋租赁协议书范本
2014/04/10 职场文书
给老师的感谢信
2015/01/20 职场文书
2015年小学数学教研组工作总结
2015/05/21 职场文书
大学生读书笔记大全
2015/07/01 职场文书
慰问信的写作格式及范文!
2019/06/24 职场文书
教师学期述职自我鉴定
2019/08/16 职场文书
六年级作文之自救
2019/12/19 职场文书