提供了编程的基础技术教程

zl程序教程

您现在的位置是：首页 >  前端

当前栏目

利用javascript实现禁用网页上所有文本框,下拉菜单,多行文本域

JavaScript网页 实现 利用 所有 文本 禁用 多行
2023-06-13 09:15:14 时间

原理就是循环获取网页上的控件，然后设置disabled属性为true.

代码如下：

复制代码代码如下:

<scripttype="text/javascript">
   varnodeList=document.getElementsByTagName("input");
   for(vari=0;i<nodeList.length;i++){
       nodeList[i].disabled=true;
   }
   nodeList=document.getElementsByTagName("select");
   for(vari=0;i<nodeList.length;i++){
       nodeList[i].disabled=true;
   }
   nodeList=document.getElementsByTagName("textarea");
   for(vari=0;i<nodeList.length;i++){
       nodeList[i].disabled=true;
   }
</script>

下面是这些控件的类型：

通过document.getElementsByName("controlName")[0].type.toLocaleLowerCase()可以获取。

根据控件的不同有下面几种类型：
"text"
"textarea"
"select-one"
"select-multiple"
"radio"
"checkbox"

相关文章