首頁 >web前端 >js教程 >透過js設定所有form物件為唯讀

透過js設定所有form物件為唯讀

阿神
阿神原創
2017-03-18 11:23:322233瀏覽

例子,設定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