首页  >  文章  >  web前端  >  通过js设置所有form对象为只读

通过js设置所有form对象为只读

阿神
阿神原创
2017-03-18 11:23:322172浏览

例子,设置form中所有对象为只读

<html>
<body>
<script language="javascript">
function DisableDiv(p)
 {
   var objs=new Array()
   var strobj
   strobj="input|a|button"
   objs=strobj.split("|")
   //for循环开始设置form对象为只读
   for(k=0;k<objs.length;k++)
   {
   obj1=document.getElementById(p).getElementsByTagName(objs[k])
 for (var i=0; i<obj1.length; i++) {
  obj1[i].disabled=true
  obj1[i].onclick=function() {
  this.disabled=true
   return false
 }
  obj1[i].onkeypress=function() {
  this.disabled=true   
  return false
 }   
 }   
  }
}
</script>
<p id="p1">
<input type="text" name="textfield"> 
<input type="button" name="Submit" value="点击我" onclick="javascript:alert(&#39;click me&#39;)">
</p>
</body>
php中文网,欢迎大家的光临。
<script language="javascript">
//初始化
DisableDiv(&#39;p1&#39;)
</script>
</html>

相关文章:

js设置input文本框只读

处理表单使input等文本框为只读不可编辑的方法

使用js动态控制input框的只读属性

以上是通过js设置所有form对象为只读的详细内容。更多信息请关注PHP中文网其他相关文章!

声明:
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn