js设置form所有对象为只读

发布时间:2020-04-19编辑:脚本学堂
如何用js设置form表单元素的所有对象属性为只读呢?分享一例js代码,设置form表单元素为只读,有需要的朋友参考下。

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

复制代码 代码示例:

<html>
<body>
<script language="javascript">
function disablediv(div)
 {
   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(div).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>
<div id="div1">
<input type="text" name="textfield">
<input type="button" name="Submit" value="点击我" onclick="javascript:alert('click me')">
</div>
</body>
脚本学堂,欢迎大家的光临。
<script language="javascript">
//初始化
DisableDiv('div1')
</script>
</html>