利用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 相关文章推荐
一个对于js this关键字的问题
Jan 09 Javascript
extJs 下拉框联动实现代码
Apr 09 Javascript
原生js实现改变随意改变div属性style的名称和值的结果
Sep 26 Javascript
jquery使用hide方法隐藏指定id的元素
Mar 30 Javascript
C++中的string类的用法小结
Aug 07 Javascript
js正则表达式注册页面表单验证
Oct 11 Javascript
基于VUE选择上传图片并页面显示(图片可删除)
May 25 Javascript
JS实现的base64加密解密操作示例
Apr 18 Javascript
关于vue中的ajax请求和axios包问题
Apr 19 Javascript
原生JS实现列表子元素顺序反转的方法分析
Jul 02 Javascript
详解vue为什么要求组件模板只能有一个根元素
Jul 22 Javascript
微信小程序 行的删除和增加操作实现详解
Sep 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
phpMyadmin 用户权限中英对照
2010/04/02 PHP
慎用preg_replace危险的/e修饰符(一句话后门常用)
2013/06/19 PHP
php解析mht文件转换成html的实例
2017/03/13 PHP
PhpStorm配置Xdebug调试的方法步骤
2019/02/02 PHP
PHP实现的用户注册表单验证功能简单示例
2019/02/25 PHP
php fread函数使用方法总结
2019/05/28 PHP
基于jQuery实现左右div自适应高度完全相同的代码
2012/08/09 Javascript
JavaScript 实现简单的倒计时弹窗DEMO附图
2014/03/05 Javascript
JavaScript中this详解
2015/09/01 Javascript
javascript实现简单的全选和反选功能
2016/01/05 Javascript
JS遍历页面所有对象属性及实现方法
2016/08/01 Javascript
详解JavaScript对象的深浅复制
2017/03/30 Javascript
Vue.extend构造器的详解
2017/07/17 Javascript
VSCode中如何利用d.ts文件进行js智能提示
2018/04/13 Javascript
vue 列表页跳转详情页获取id以及详情页通过id获取数据
2019/03/27 Javascript
JS中的防抖与节流及作用详解
2019/04/01 Javascript
在Python的框架中为MySQL实现restful接口的教程
2015/04/08 Python
python中map()与zip()操作方法
2016/02/27 Python
Python编程之Re模块下的函数介绍
2017/10/28 Python
Python实现使用request模块下载图片demo示例
2019/05/24 Python
python定义具名元组实例操作
2021/02/28 Python
HTML5 3D旋转相册的实现示例
2019/12/03 HTML / CSS
Html5原生拖拽相关事件简介以及基础实现
2020/11/19 HTML / CSS
俄罗斯香水和化妆品购物网站:Л’Этуаль
2018/05/10 全球购物
运动鞋、街头服装、手表和手袋的实时市场:StockX
2020/11/25 全球购物
一份Java笔试题
2012/02/21 面试题
后勤采购员岗位职责
2013/12/19 职场文书
应届专科生个人的自我评价
2014/01/05 职场文书
学前班幼儿评语大全
2014/12/29 职场文书
离职感谢信
2015/01/21 职场文书
行政主管岗位职责范本
2015/04/09 职场文书
大国崛起英国观后感
2015/06/02 职场文书
超强台风观后感
2015/06/09 职场文书
2016新年问候语大全
2015/11/11 职场文书
2016年小学推普宣传周活动总结
2016/04/06 职场文书
php 解析非标准json、非规范json
2021/04/01 PHP