利用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 相关文章推荐
Discuz! 6.1_jQuery兼容问题
Sep 23 Javascript
网站页面自动跳转实现方法PHP、JSP(上)
Aug 01 Javascript
关于Javascript模块化和命名空间管理的问题说明
Dec 06 Javascript
向左滚动文字 js代码效果
Aug 17 Javascript
离开当前页面前使用js判断条件提示是否要离开页面
May 02 Javascript
jquery带翻页动画的电子杂志代码分享
Aug 21 Javascript
利用CSS3在Angular中实现动画
Jan 15 Javascript
页面向下滚动ajax获取数据的实现方法(兼容手机)
May 24 Javascript
浅谈发布订阅模式与观察者模式
Apr 09 Javascript
arctext.js实现文字平滑弯曲弧形效果的插件
May 13 Javascript
vue中v-show和v-if的异同及v-show用法
Jun 06 Javascript
vuex actions异步修改状态的实例详解
Nov 06 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
ThinkPHP基于PHPExcel导入Excel文件的方法
2014/10/15 PHP
PHP接口类(interface)的定义、特点和应用示例
2020/05/18 PHP
Eclipse去除js(JavaScript)验证错误
2014/02/11 Javascript
jqGrid读取选择的多行的某个属性代码
2014/05/18 Javascript
Ext修改GridPanel数据和字体颜色、css属性等
2014/06/13 Javascript
TypeError document.getElementById(...) is null错误原因
2015/05/18 Javascript
js纯数字逐一停止显示效果的实现代码
2016/03/16 Javascript
jQuery判断checkbox选中状态
2016/05/12 Javascript
获取JavaScript异步函数的返回值
2016/12/21 Javascript
Node.js对MongoDB数据库实现模糊查询的方法
2017/05/03 Javascript
详解cordova打包成webapp的方法
2017/10/18 Javascript
11行JS代码制作二维码生成功能
2018/03/09 Javascript
使用Vue制作图片轮播组件思路详解
2018/03/21 Javascript
Auto.JS实现抖音刷宝等刷视频app,自动点赞,自动滑屏,自动切换视频功能
2020/05/08 Javascript
JavaScript快速调试的两个技巧
2020/11/04 Javascript
[36:19]2018DOTA2亚洲邀请赛 小组赛 A组加赛 Newbee vs LGD
2018/04/03 DOTA
python使用wmi模块获取windows下硬盘信息的方法
2015/05/15 Python
Python判断某个用户对某个文件的权限
2016/10/13 Python
python学生管理系统学习笔记
2019/03/19 Python
python实现桌面气泡提示功能
2019/07/29 Python
如何爬取通过ajax加载数据的网站
2019/08/15 Python
基于pytorch的保存和加载模型参数的方法
2019/08/17 Python
python 安装impala包步骤
2020/03/28 Python
详解scrapy内置中间件的顺序
2020/09/28 Python
Python通过len函数返回对象长度
2020/10/22 Python
localStorage 设置过期时间的方法实现
2018/12/21 HTML / CSS
HTML5 移动页面自适应手机屏幕四类方法总结
2017/08/17 HTML / CSS
Jo Malone美国官网:祖玛珑香水
2017/03/27 全球购物
Nike澳大利亚官网:Nike.com (AU)
2019/06/03 全球购物
英国领先的男装设计师服装独立零售商:Repertoire Fashion
2020/10/19 全球购物
视光学专业毕业生推荐信
2013/10/28 职场文书
工商学院毕业生自荐信
2013/11/12 职场文书
2014幼儿园教师师德师风演讲稿
2014/09/10 职场文书
外贸采购员岗位职责
2015/04/03 职场文书
六一儿童节致辞稿(3篇)
2019/07/11 职场文书
德生2P3收音机开箱评测
2022/04/30 无线电