利用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实现你值得拥有
Sep 22 Javascript
60行js代码实现俄罗斯方块
Mar 31 Javascript
基于javascript实现泡泡大冒险网页版小游戏
Mar 23 Javascript
简单理解vue中track-by属性
Oct 26 Javascript
JS实现的透明度渐变动画效果示例
Apr 28 Javascript
代码分析vue中如何配置less
Sep 28 Javascript
element-ui表格合并span-method的实现方法
May 21 Javascript
Layui事件监听的实现(表单和数据表格)
Oct 17 Javascript
Element Dropdown下拉菜单的使用方法
Jul 26 Javascript
浅谈vue中get请求解决传输数据是数组格式的问题
Aug 03 Javascript
在js文件中引入(调用)另一个js文件的三种方法
Sep 11 Javascript
vue自定义右键菜单之全局实现
Apr 09 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
yii2.0之GridView自定义按钮和链接用法
2014/12/15 PHP
MAC下通过改apache配置文件切换php多版本的方法
2017/04/26 PHP
javascript 解决表单仍然提交即使监听处理函数返回false
2010/03/14 Javascript
JS中confirm,alert,prompt函数使用区别分析
2010/04/01 Javascript
jquery控制listbox中项的移动并排序的实现代码
2010/09/28 Javascript
jquery的extend和fn.extend的使用说明
2011/01/09 Javascript
Extjs中RowExpander控件的默认展开问题示例探讨
2014/01/24 Javascript
跟我学习javascript的严格模式
2015/11/16 Javascript
使用Sticky组件实现带sticky效果的tab导航和滚动导航的方法
2016/03/22 Javascript
基于jQuery实现咖啡订单管理简单应用
2017/02/10 Javascript
JS+DIV实现的卷帘效果示例
2017/03/22 Javascript
详解微信小程序之scroll-view的flex布局问题
2019/01/16 Javascript
Vue2.0实现简单分页及跳转效果
2019/07/29 Javascript
vue-cli4.x创建企业级项目的方法步骤
2020/06/18 Javascript
在vue中实现嵌套页面(iframe)
2020/07/30 Javascript
[02:22]完美世界DOTA2联赛PWL S3 集锦第一期
2020/12/15 DOTA
python算法演练_One Rule 算法(详解)
2017/05/17 Python
Python实现运行其他程序的四种方式实例分析
2017/08/17 Python
pytorch构建网络模型的4种方法
2018/04/13 Python
Python提取PDF内容的方法(文本、图像、线条等)
2019/09/25 Python
Django框架中间件定义与使用方法案例分析
2019/11/28 Python
对python中 math模块下 atan 和 atan2的区别详解
2020/01/17 Python
python 列表推导和生成器表达式的使用
2021/02/01 Python
python3.9和pycharm的安装教程并创建简单项目的步骤
2021/02/03 Python
利用python实现后端写网页(flask框架)
2021/02/28 Python
HTML5中使用json对象的实例代码
2018/09/10 HTML / CSS
人事文员岗位职责
2014/02/16 职场文书
小学三好学生事迹材料
2014/08/15 职场文书
电子银行业务授权委托书
2014/10/10 职场文书
财务检查整改报告
2014/11/06 职场文书
2014年语文教学工作总结
2014/12/17 职场文书
2015年图书馆个人工作总结
2015/05/26 职场文书
关爱空巢老人感想
2015/08/11 职场文书
2015年度学校应急管理工作总结
2015/10/22 职场文书
歌咏比赛口号大全
2015/12/25 职场文书
班组长如何制订适合本班组的工作计划?
2019/07/10 职场文书