利用javascript实现禁用网页上所有文本框,下拉菜单,多行文本域
更新时间：2013年12月14日 09:58:54 作者：
这篇文章主要介绍了利用javascript实现禁用网页上所有文本框,下拉菜单,多行文本域。需要的朋友可以过来参考下，希望对大家有所帮助
原理就是循环获取网页上的控件，然后设置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"
相关文章
这篇文章主要介绍了JS如何获取当前日期时间并执行定时刷新，示例代码如下，需要的朋友不要错过2014-06-06
在弹出层后，tab键还可以在目页中操作，这回导致脚本错误。那么我们如果避免这种情况呢？下面小编就为大家介绍一下如何解决这个问题2013-11-11
这篇文章主要为大家详细介绍了Bootstrap select实现下拉框多选效果，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2016-12-12
这篇文章主要介绍了js实现鼠标滑过文字链接色彩变化的效果,涉及javascript鼠标事件及样式操作的技巧,非常具有实用价值,需要的朋友可以参考下2015-05-05
微信小程序如何根据不同用户切换不同TabBar(简单易懂!)
小程序中我们可能需要根据不同的权限展示不同的tabbar,下面这篇文章主要给大家介绍了关于微信小程序如何根据不同用户切换不同TabBar的相关资料,文中通过实例代码介绍的非常详细,需要的朋友可以参考下2022-04-04
在项目中遇到错误提示“No 'Access-Control-Allow-Origin' header is present on the requested resource.”查了下度娘，这个问题和安全机制有关，默认不允许跨域调用，这里记录一下解决方案，防止以后再犯相同的错误。2014-11-11
这篇文章主要介绍了smartupload实现文件上传时获取表单数据的相关资料,非常不错，具有参考借鉴价值，需要的朋友可以参考下2016-12-12
排序算法的理解算是程序员的基本功之一了，其功能是对一个数据元素集合或序列重新排列成一个按数据元素某个项值有序的序列。2011-02-02
这篇文章主要为大家详细介绍了微信小程序自定义支持图片的弹窗，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2020-12-12
返回和前进大家应该不陌生吧，浏览器上面的返回和前进按钮大家浏览网页时都会应到的，下面就为大家介绍下js中是如何实现所谓的返回和前进2013-10-10
最新评论