利用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 相关文章推荐
网站上面有这种切换效果
Jun 26 Javascript
JavaScript对象模型-执行模型
Apr 28 Javascript
jQuery实现跨域
Feb 03 Javascript
JavaScript实现图片轮播的方法
Jul 31 Javascript
基于JavaScript实现 网页切出 网站title变化代码
Apr 03 Javascript
javascript 玩转Date对象(实例讲解)
Jul 11 Javascript
使用vue-cli编写vue插件的方法
Feb 26 Javascript
vue.js与element-ui实现菜单树形结构的解决方法
Apr 21 Javascript
如何利用@angular/cli V6.0直接开发PWA应用详解
May 06 Javascript
20个最常见的jQuery面试问题及答案
May 23 jQuery
angularjs 的数据绑定实现原理
Jul 02 Javascript
Vue开发中遇到的跨域问题及解决方法
Feb 11 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
解析strtr函数的效率问题
2013/06/26 PHP
PHP字符串比较函数strcmp()和strcasecmp()使用总结
2014/11/19 PHP
ThinkPHP框架安全实现分析
2016/03/14 PHP
PHP性能分析工具xhprof的安装使用与注意事项
2017/12/19 PHP
AngularJS iframe跨域打开内容时报错误的解决办法
2015/01/26 Javascript
jQuery源码解读之removeClass()方法分析
2015/02/20 Javascript
JQuery选中checkbox方法代码实例(全选、反选、全不选)
2015/04/27 Javascript
JavaScript实现同一页面内两个表单互相传值的方法
2015/08/12 Javascript
使用jquery获取url以及jquery获取url参数的实现方法
2016/05/25 Javascript
JS中的hasOwnProperty()、propertyIsEnumerable()和isPrototypeOf()
2016/08/11 Javascript
AngularJS 视图详解及示例代码
2016/08/17 Javascript
浅析从vue源码看观察者模式
2018/01/29 Javascript
vue cli升级webapck4总结
2018/04/04 Javascript
angular 数据绑定之[]和{{}}的区别
2018/09/25 Javascript
jQuery实现的导航条点击后高亮显示功能示例
2019/03/04 jQuery
深入了解js原型模式
2019/05/30 Javascript
Vue事件修饰符native、self示例详解
2019/07/09 Javascript
Node.js爬虫如何获取天气和每日问候详解
2019/08/26 Javascript
vue监听dom大小改变案例
2020/07/29 Javascript
手把手带你搭建一个node cli的方法示例
2020/08/07 Javascript
详解vue中v-model和v-bind绑定数据的异同
2020/08/10 Javascript
js实现前端界面导航栏下拉列表
2020/08/27 Javascript
Vue实现boradcast和dispatch的示例
2020/11/13 Javascript
TensorFlow保存TensorBoard图像操作
2020/06/23 Python
html5实现完美兼容各大浏览器的播放器
2014/12/26 HTML / CSS
西班牙最大的婴儿用品网上商店:Bebitus
2019/05/30 全球购物
党的群众路线教育实践活动批评与自我批评
2014/02/16 职场文书
厨房领班竞聘演讲稿
2014/04/23 职场文书
北京天坛导游词
2015/02/12 职场文书
围城读书笔记
2015/06/26 职场文书
办公室日常管理制度
2015/08/04 职场文书
初二英语教学反思
2016/02/15 职场文书
Go语言使用select{}阻塞main函数介绍
2021/04/25 Golang
小程序与后端Java接口交互实现HelloWorld入门
2021/07/09 Java/Android
HTML5基础学习之文本标签控制
2022/03/25 HTML / CSS
Oracle中日期的使用方法实例
2022/07/07 Oracle