简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
Maison > interface Web > js tutoriel > le corps du texte

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

阿神
Libérer： 2017-03-18 11:23:32
original
2125 Les gens l'ont consulté

例子，设置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>
Copier après la connexion

相关文章：

js设置input文本框只读

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

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

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Étiquettes associées：
form js
source：php.cn
Article précédent：使用js动态控制input框的只读属性 Article suivant：详解Javascript判断Crontab表达式是否合法的示例代码
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Derniers articles par auteur
Derniers numéros
Comment utiliser la balise primitive ouverte dans Next JS 13 ? Dans la récente mise à jour NextJS13, ils ont introduit une nouvelle façon de gérer les ba...
Depuis 2023-11-10 23:03:51
0
1
527
Livewire non défini J'ai du mal à déployer mon projet LaravelLivewire sur le serveur. Le problème est que le f...
Depuis 2023-11-09 15:34:23
0
1
233
Vue js : Dépannage - Lecture de la propriété '$refs' de undefined Obtention de l'erreur Impossible de lire la propriété non définie (lecture de '$refs') mêm...
Depuis 2023-11-07 23:34:12
0
1
305
Étapes pour installer jQuery dans Nuxt.js Bien que j'essaie d'ajouter jQuery dans mon projet, j'obtiens une erreur indiquant qu'il n...
Depuis 2023-11-06 16:41:50
0
1
225
Comportement inattendu (bug du bouton blanc) lors de l'utilisation de Tailwind et MUI dans le projet NextJS Je construis actuellement un projet en utilisant NextJS, TailwindCSS et la bibliothèque MU...
Depuis 2023-11-04 11:04:23
0
1
178
Rubriques connexes
Plus>
Recommandations populaires
Tutoriels populaires
Plus>
Tutoriels associés
Recommandations populaires
Derniers cours
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal
À propos de nous Clause de non-responsabilité Sitemap
Site Web PHP chinois：Formation PHP en ligne sur le bien-être public，Aidez les apprenants PHP à grandir rapidement！