利用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的trim,ltrim,rtrim自定义函数
Sep 21 Javascript
JavaScript 调试器简介
Feb 21 Javascript
jQuery Ajax 仿AjaxPro.Utility.RegisterTypeForAjax辅助方法
Sep 27 Javascript
JS图片预加载 JS实现图片预加载应用
Dec 03 Javascript
jQuery之字体大小的设置方法
Feb 27 Javascript
javascript基本类型详解
Nov 28 Javascript
用jQuery获取table中行id和td值的实现代码
May 19 Javascript
JavaScript 实现 Tab 点击切换实例代码
Mar 25 Javascript
BootStrap中Table隐藏后显示问题的实现代码
Aug 31 Javascript
vue中子组件向父组件传递数据的实例代码(实现加减功能)
Apr 20 Javascript
jstree中的checkbox默认选中和隐藏示例代码
Dec 29 Javascript
js获取本日、本周、本月的时间代码
Feb 01 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 全局变量范围分析
2009/08/07 PHP
thinkPHP查询方式小结
2016/01/09 PHP
YII视图整合kindeditor扩展的方法
2016/07/13 PHP
Laravel框架定时任务2种实现方式示例
2018/12/08 PHP
二级域名或跨域共享Cookies的实现方法
2008/08/07 Javascript
JS实现将人民币金额转换为大写的示例代码
2014/02/13 Javascript
jQuery实现新消息闪烁标题提示的方法
2015/03/11 Javascript
关于JS中match() 和 exec() 返回值和属性的测试
2016/03/21 Javascript
深入理解jquery中的事件与动画
2016/05/24 Javascript
jQuery dataTables与jQuery UI 对话框dialog的使用教程
2016/09/02 Javascript
基于JavaScript实现轮播图原理及示例
2020/04/10 Javascript
javascript 判断当前浏览器版本并判断ie版本
2017/02/17 Javascript
JavaScript实现星星等级评价功能
2017/03/22 Javascript
Vue声明式渲染详解
2017/05/17 Javascript
Webpack实战加载SVG的方法
2017/12/26 Javascript
迅速了解一下ES10中Object.fromEntries的用法使用
2019/03/05 Javascript
js实现点击按钮随机生成背景颜色
2020/09/05 Javascript
[26:40]DOTA2上海特级锦标赛A组资格赛#1 Secret VS MVP.Phx第一局
2016/02/25 DOTA
使用python BeautifulSoup库抓取58手机维修信息
2013/11/21 Python
Python中的exec、eval使用实例
2014/09/23 Python
Python中动态获取对象的属性和方法的教程
2015/04/09 Python
python使用正则表达式匹配字符串开头并打印示例
2017/01/11 Python
Python通过matplotlib画双层饼图及环形图简单示例
2017/12/15 Python
Python中字符串List按照长度排序
2019/07/01 Python
详解pandas使用drop_duplicates去除DataFrame重复项参数
2019/08/01 Python
python读取Kafka实例
2019/12/23 Python
Python3爬虫关于代理池的维护详解
2020/07/30 Python
美国受欢迎的眼影品牌:BH Cosmetics
2016/10/25 全球购物
SCDKey德国:全球领先的数字游戏市场
2019/04/09 全球购物
Pretty You London官网:英国拖鞋和睡衣品牌
2019/05/08 全球购物
C++:局部变量能否和全局变量重名
2014/03/03 面试题
旅游专业职业生涯规划范文
2014/01/13 职场文书
《陋室铭》教学反思
2014/02/26 职场文书
我们的节日清明节活动总结
2014/04/30 职场文书
Python基础详解之描述符
2021/04/28 Python
小程序自定义轮播图圆点组件
2022/06/25 Javascript