利用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 相关文章推荐
学习YUI.Ext 第二天
Mar 10 Javascript
浅谈javascript的数据类型检测
Jul 10 Javascript
jquery遍历之parent()和parents()的区别及parentsUntil()方法详解
Dec 02 Javascript
js对table的td进行相同内容合并示例详解
Dec 27 Javascript
使用VS开发 Node.js指南
Jan 06 Javascript
JS设置网页图片vspace和hspace属性的方法
Apr 01 Javascript
jQuery基于toggle实现click触发DIV的显示与隐藏问题分析
Jun 12 Javascript
bootstrap手风琴制作方法详解
Jan 11 Javascript
jquery 校验中国身份证号码实例详解
Apr 11 jQuery
vue2 前端搜索实现示例
Feb 26 Javascript
详解.vue文件中style标签的几个标识符
Jul 17 Javascript
Jquery+AJAX实现无刷新上传并重命名文件操作示例【PHP后台接收】
May 29 jQuery
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 从数据库提取二进制图片的处理代码
2009/09/09 PHP
写出高质量的PHP程序
2012/02/04 PHP
php GUID生成函数和类
2014/03/10 PHP
PHP基本语法总结
2014/09/06 PHP
10个值得深思的PHP面试题
2016/11/14 PHP
Laravel 微信小程序后端实现用户登录的示例代码
2019/11/26 PHP
Webkit的跨域安全问题说明
2011/09/13 Javascript
基于jquery的防止大图片撑破页面的实现代码(立即缩放)
2011/10/24 Javascript
广泛收集的jQuery拖放插件集合
2012/04/09 Javascript
Javascript表格翻页效果的具体实现
2013/10/05 Javascript
js实现登陆遮罩效果的方法
2015/07/28 Javascript
EasyUi中的Combogrid 实现分页和动态搜索远程数据
2016/04/01 Javascript
超简单的Vue.js环境搭建教程
2017/03/17 Javascript
vue2.0 better-scroll 实现移动端滑动的示例代码
2018/01/25 Javascript
解决v-for中使用v-if或者v-bind:class失效的问题
2018/09/25 Javascript
使用webpack编译es6代码的方法步骤
2019/04/28 Javascript
Vuex 模块化使用详解
2019/07/31 Javascript
基于javascript的无缝滚动动画1
2020/08/07 Javascript
vue实现前端列表多条件筛选
2020/10/26 Javascript
vue打开其他项目页面并传入数据详解
2020/11/25 Vue.js
[01:18:36]LGD vs VP Supermajor 败者组决赛 BO3 第一场 6.10
2018/07/04 DOTA
python如何求解两数的最大公约数
2018/09/27 Python
Python3.4学习笔记之 idle 清屏扩展插件用法分析
2019/03/01 Python
python实现微信定时每天和女友发送消息
2019/04/29 Python
Python 最强编辑器详细使用指南(PyCharm )
2019/09/16 Python
python读取配置文件方式(ini、yaml、xml)
2020/04/09 Python
Python函数递归调用实现原理实例解析
2020/08/11 Python
2014乡镇领导班子四风对照检查材料思想汇报
2014/10/05 职场文书
政风行风评议个人心得体会
2014/10/29 职场文书
2015年企业新年寄语
2014/12/08 职场文书
幼儿园小班开学寄语
2015/05/27 职场文书
有关三国演义的读书笔记
2015/06/25 职场文书
高中班长竞选稿
2015/11/20 职场文书
五年级作文之劳动作文
2019/11/12 职场文书
《没有任何借口》读后感:完美的执行能力
2020/01/07 职场文书
Kubernetes中Deployment的升级与回滚
2022/04/01 Servers