利用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 同时提交多个Web表单的方法
Feb 19 Javascript
js中for in的用法示例解析
Dec 25 Javascript
JavaScript中property和attribute的区别详细介绍
Mar 03 Javascript
JavaScript使用Max函数返回两个数字中较大数的方法
Apr 06 Javascript
JavaScript实现数字数组正序排列的方法
Apr 06 Javascript
jquery实现可自动收缩的TAB网页选项卡代码
Sep 06 Javascript
一些实用性较高的js方法
Apr 19 Javascript
总结jQuery插件开发中的一些要点
May 16 Javascript
使用jquery/js获取iframe父子级、同级获取元素的方法
Aug 05 Javascript
JS与jQuery实现ListBox上移,下移,左移,右移操作功能示例
May 31 jQuery
vue 属性拦截实现双向绑定的实例代码
Oct 24 Javascript
Node.js API详解之 dgram模块用法实例分析
Jun 05 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
Apache设置虚拟WEB
2006/10/09 PHP
php include,include_once,require,require_once
2008/09/05 PHP
php生成excel列名超过26列大于Z时的解决方法
2014/12/29 PHP
php用户密码加密算法分析【Discuz加密算法】
2016/10/12 PHP
限制文本字节数js代码
2007/03/06 Javascript
推荐自用 Javascript 缩图函数 (onDOMLoaded)……
2007/10/23 Javascript
判断日期是否能跨月查询的js代码
2014/07/25 Javascript
node.js中的socket.io的广播消息
2014/12/15 Javascript
JavaScript弹出对话框的三种方式
2016/03/23 Javascript
AngularJS入门教程之Select(选择框)详解
2016/07/27 Javascript
jQuery基于Ajax方式提交表单功能示例
2017/02/10 Javascript
JavaScript实现的鼠标响应颜色渐变效果完整实例
2017/02/18 Javascript
JS实现上传图片实时预览功能
2017/05/22 Javascript
JavaScript基于扩展String实现替换字符串中index处字符的方法
2017/06/13 Javascript
浅谈VUE监听窗口变化事件的问题
2018/02/24 Javascript
Angular父子组件通过服务传参的示例方法
2018/10/31 Javascript
微信小程序实现左滑动删除效果
2020/03/30 Javascript
详解微信小程序工程化探索之webpack实战
2020/04/20 Javascript
vue动态设置页面title的方法实例
2020/08/23 Javascript
[01:26]神话结束了,却也刚刚开始——DOTA2新英雄玛尔斯驾临战场
2019/03/10 DOTA
Python代码的打包与发布详解
2014/07/30 Python
Django中的CACHE_BACKEND参数和站点级Cache设置
2015/07/23 Python
Python max内置函数详细介绍
2016/11/17 Python
TensorFlow入门使用 tf.train.Saver()保存模型
2018/04/24 Python
python进行两个表格对比的方法
2018/06/27 Python
python3 实现爬取TOP500的音乐信息并存储到mongoDB数据库中
2019/08/24 Python
python图的深度优先和广度优先算法实例分析
2019/10/26 Python
Python坐标线性插值应用实现
2019/11/13 Python
使用Django搭建网站实现商品分页功能
2020/05/22 Python
终于搞懂了Keras中multiloss的对应关系介绍
2020/06/22 Python
意大利团购网站:Groupon意大利
2016/10/11 全球购物
应届生会计求职信
2013/11/11 职场文书
竞选班长演讲稿400字
2014/08/22 职场文书
2015年幼儿园班主任个人工作总结
2015/10/22 职场文书
一篇合格的广告文案,其主要目的是什么?
2019/07/12 职场文书
利用Python+OpenCV三步去除水印
2021/05/28 Python