利用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代码
Aug 13 Javascript
JS 判断代码全收集
Apr 28 Javascript
JavaScript中的noscript元素属性位置及作用介绍
Apr 11 Javascript
jQuery获取选中内容及设置元素属性的方法
Jul 09 Javascript
使用JavaScript和C#中获得referer
Nov 14 Javascript
Javascript的表单与验证-非空验证
Mar 18 Javascript
EasyUi combotree 实现动态加载树节点
Apr 01 Javascript
javascript实现简易计算器
Feb 01 Javascript
AngularJS动态绑定ng-options的ng-model实例代码
Jun 21 Javascript
weui框架实现上传、预览和删除图片功能代码
Aug 24 Javascript
jQuery实现base64前台加密解密功能详解
Aug 29 jQuery
react-router v4如何使用history控制路由跳转详解
Jan 09 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
来自PHP.NET的入门教程
2006/10/09 PHP
基于PHP选项与信息函数的使用详解
2013/05/10 PHP
Windows7下的php环境配置教程
2015/02/28 PHP
浅谈PHP各环境下的伪静态配置
2019/03/13 PHP
启用OPCache提高PHP程序性能的方法
2019/03/21 PHP
在 Laravel 6 中缓存数据库查询结果的方法
2019/12/11 PHP
用Laravel轻松处理千万级数据的方法实现
2020/12/25 PHP
不能再简单的无闪刷新验证码原理很简单
2007/11/05 Javascript
js 小数取整的函数
2010/05/10 Javascript
ExtJs 表单提交登陆实现代码
2010/08/19 Javascript
javascript实现禁止复制网页内容
2014/12/16 Javascript
JQuery鼠标移到小图显示大图效果的方法
2015/06/10 Javascript
javascript中mouseover、mouseout使用详解
2015/07/19 Javascript
基于JavaScript实现通用tab选项卡(通用性强)
2016/01/07 Javascript
jQuery实例—选项卡的简单实现(js源码和jQuery)
2016/06/14 Javascript
KVM虚拟化技术之使用Qemu-kvm创建和管理虚拟机的方法
2016/10/05 Javascript
KnockoutJS 3.X API 第四章之表单submit、enable、disable绑定
2016/10/10 Javascript
jquery广告无缝轮播实例
2017/01/05 Javascript
JavaScript模拟文件拖选框样式v1.0的实例
2017/08/04 Javascript
简述JS浏览器的三种弹窗
2018/07/15 Javascript
jQuery实现的响应鼠标移动方向插件用法示例【附源码下载】
2018/08/28 jQuery
浅谈vue中关于checkbox数据绑定v-model指令的个人理解
2018/11/14 Javascript
vue实现todolist基本功能以及数据存储功能实例详解
2019/04/11 Javascript
JS控制GIF图片的停止与显示
2019/10/24 Javascript
JS实现可以用键盘方向键控制的动画
2020/12/11 Javascript
[01:03:36]Ti4 循环赛第三日DK vs Titan
2014/07/12 DOTA
[51:17]Mski vs VGJ.S Supermajor小组赛C组 BO3 第三场 6.3
2018/06/04 DOTA
pandas DataFrame 行列索引及值的获取的方法
2019/07/02 Python
numpy实现神经网络反向传播算法的步骤
2019/12/24 Python
python连接PostgreSQL过程解析
2020/02/09 Python
浅析Python 简单工厂模式和工厂方法模式的优缺点
2020/07/13 Python
MAC Cosmetics巴西官方网站:M·A·C彩妆
2019/04/18 全球购物
KELLER SPORTS荷兰:在线订购最好的运动产品
2020/10/13 全球购物
应届毕业生个人求职自荐信
2014/01/06 职场文书
10的分与合教学反思
2014/04/30 职场文书
优秀的应届生自荐信
2014/05/23 职场文书