利用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对象的函数
Dec 22 Javascript
用javascript实现读取txt文档的脚本
Jul 20 Javascript
JQuery中对服务器控件 DropdownList, RadioButtonList, CheckboxList的操作总结
Jun 28 Javascript
javascript实现画不相交的圆
Apr 07 Javascript
JQuery中属性过滤选择器用法实例分析
May 18 Javascript
jQuery将表单序列化成一个Object对象的实例
Nov 29 Javascript
vue项目关闭eslint校验
Mar 21 Javascript
vue+canvas实现炫酷时钟效果的倒计时插件(已发布到npm的vue2插件,开箱即用)
Nov 05 Javascript
angular 实现同步验证器跨字段验证的方法
Apr 11 Javascript
微信小程序实现动态列表项的顺序加载动画
Jul 25 Javascript
vue cli3适配所有端方案的实现
Apr 13 Javascript
在antd中setFieldsValue和defaultVal的用法
Oct 29 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
PHP5.0对象模型探索之抽象方法和抽象类
2006/09/05 PHP
使用PHP导出Word文档的原理和实例
2013/10/21 PHP
PHP使用CURL实现多线程抓取网页
2015/04/30 PHP
深入理解PHP中的empty和isset函数
2016/05/26 PHP
浅谈PHP中如何实现Hook机制
2017/11/14 PHP
Laravel 实现关系模型取出需要的字段
2019/10/10 PHP
Javascript里使用Dom操作Xml
2007/01/22 Javascript
导航跟随滚动条置顶移动示例代码
2013/09/11 Javascript
JSON无限折叠菜单编写实例
2013/12/16 Javascript
通过JS来动态的修改url,实现对url的增删查改
2014/09/01 Javascript
js正则表达式匹配数字字母下划线等
2015/04/14 Javascript
jQuery 判断图片是否加载完成方法汇总
2015/08/10 Javascript
js实现C#的StringBuilder效果完整实例
2015/12/22 Javascript
JQuery实现的按钮倒计时效果
2015/12/23 Javascript
javascript实现移动端上的触屏拖拽功能
2016/03/04 Javascript
AngularJS路由实现页面跳转实例
2017/03/03 Javascript
解决Webpack 热部署检测不到文件变化的问题
2018/02/22 Javascript
微信小程序实现折叠与展开文章功能
2018/06/12 Javascript
如何实现一个webpack模块解析器
2018/10/24 Javascript
详解如何解决vue开发请求数据跨域的问题(基于浏览器的配置解决)
2018/11/12 Javascript
JavaScript多种页面刷新方法小结
2019/04/04 Javascript
解决vue跨域axios异步通信问题
2019/04/17 Javascript
解决LayUI数据表格复选框不居中显示的问题
2019/09/25 Javascript
React中获取数据的3种方法及优缺点
2020/02/18 Javascript
原生JS实现汇率转换功能代码实例
2020/05/13 Javascript
Python ljust rjust center输出
2008/09/06 Python
pip 错误unused-command-line-argument-hard-error-in-future解决办法
2014/06/01 Python
python tkinter库实现气泡屏保和锁屏
2019/07/29 Python
信息服务专业毕业生求职信
2014/03/02 职场文书
六五普法规划实施方案
2014/03/21 职场文书
单位工作证明
2014/10/07 职场文书
2015初中生物教研组工作总结
2015/07/21 职场文书
导游词之贵州百里杜鹃
2019/10/29 职场文书
openGauss数据库JDBC环境连接配置的详细过程(Eclipse)
2022/06/01 Java/Android
Python使用pyecharts控件绘制图表
2022/06/05 Python
Mysql数据库group by原理详解
2022/07/07 MySQL