>웹 프론트엔드 >JS 튜토리얼 >js를 통해 모든 양식 객체를 읽기 전용으로 설정

js를 통해 모든 양식 객체를 읽기 전용으로 설정

阿神
阿神원래의
2017-03-18 11:23:322193검색

예를 들어 양식의 모든 개체를 읽기 전용으로 설정합니다.

<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 입력 텍스트 상자를 읽기 전용으로 설정

입력 및 기타 텍스트 상자를 읽을 수 있도록 양식을 처리합니다. 편집 불가능

메소드는 js를 사용하여 입력 상자의 읽기 전용 속성을 동적으로 제어합니다

위 내용은 js를 통해 모든 양식 객체를 읽기 전용으로 설정의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.