利用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]点出统计器
Oct 11 Javascript
javascript中最常用的继承模式 组合继承
Aug 12 Javascript
JS拖动技术 关于setCapture使用
Dec 09 Javascript
使用Jquery获取带特殊符号的ID 标签的方法
Apr 30 Javascript
javascript 数组操作详解
Jan 29 Javascript
JS动态改变表格边框宽度的方法
Mar 31 Javascript
js+div+css下拉导航菜单完整代码分享
Dec 28 Javascript
vue环境搭建简单教程
Nov 07 Javascript
node.js遍历目录的方法示例
Aug 01 Javascript
LayUi数据表格自定义赋值方式
Oct 26 Javascript
vue使用swiper.js重叠轮播组建样式
Nov 14 Javascript
vue使用exif获取图片旋转,压缩的示例代码
Dec 11 Vue.js
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
精致的人儿就要挑杯子喝咖啡
2021/03/03 冲泡冲煮
福利彩票幸运号码自动生成器
2006/10/09 PHP
WHOIS类的修改版
2006/10/09 PHP
PHP中调用ASP.NET的WebService的代码
2011/04/22 PHP
php查看请求头信息获取远程图片大小的方法分享
2013/12/25 PHP
php遍历文件夹和文件列表示例分享
2014/03/11 PHP
PHP微信开发之文本自动回复
2016/06/23 PHP
php rsa 加密,解密,签名,验签详解
2016/12/06 PHP
合并table相同单元格的jquery插件分享(很精简)
2011/06/20 Javascript
解析Javascript小括号“()”的多义性
2013/12/03 Javascript
javascript实现信息的显示和隐藏如注册页面
2013/12/03 Javascript
通过XMLHttpRequest和jQuery实现ajax的几种方式
2015/08/28 Javascript
初步了解javascript面向对象
2015/11/09 Javascript
图解Sublime Text3使用技巧
2015/12/21 Javascript
JavaScript+CSS实现的可折叠二级菜单实例
2016/02/29 Javascript
JS实现基于拖拽改变物体大小的方法
2018/01/23 Javascript
从vue源码解析Vue.set()和this.$set()
2018/08/30 Javascript
JavaScript中引用vs复制示例详析
2018/12/06 Javascript
解析原来浏览器原生支持JS Base64编码解码
2019/08/12 Javascript
你知道JavaScript Symbol类型怎么用吗
2020/01/08 Javascript
理解python正则表达式
2016/01/15 Python
深入理解Python中的内置常量
2017/05/20 Python
关于Python作用域自学总结
2019/06/10 Python
python实现多线程端口扫描
2019/08/31 Python
python 线性回归分析模型检验标准--拟合优度详解
2020/02/24 Python
小学生清明节演讲稿
2014/09/05 职场文书
2014国庆黄金周超市促销活动方案
2014/09/21 职场文书
商铺门面租房协议书
2014/10/21 职场文书
债务纠纷代理词
2015/05/25 职场文书
关于童年的读书笔记
2015/06/26 职场文书
新闻通讯稿范文
2015/07/22 职场文书
2016秋季幼儿园开学寄语
2015/12/03 职场文书
2016新党章学习心得体会
2016/01/15 职场文书
2016年优秀党员教师先进事迹材料
2016/02/29 职场文书
正能量励志演讲稿三分钟(范文)
2019/07/11 职场文书
小学生节约用水倡议书
2019/08/12 职场文书