Comment définir javascript pour qu'il ne soit pas modifiable-js tutoriel-php.cn

Comment définir javascript pour qu'il ne soit pas modifiable

青灯夜游

Libérer： 2023-01-06 11:17:45

original

7031 Les gens l'ont consulté

En JavaScript, vous pouvez utiliser l'attribut désactivé de l'objet Checkbox pour le rendre non modifiable. Il vous suffit de définir la valeur de l'attribut désactivé de la balise d'élément spécifiée sur "true". le format de la syntaxe est "element object.disabled=true; ".

Comment définir javascript pour qu'il ne soit pas modifiable

L'environnement d'exploitation de ce tutoriel : système Windows 7, JavaScript version 1.8.5, ordinateur Dell G3.

JavaScript - Définir la zone de texte pour qu'elle soit non modifiable

Nous devons d'abord créer un squelette HTML, qui peut être rapidement généré par un compilateur.

<!DOCTYPE html>
<html>
<head>
	<title></title>
</head>
<body>
 
</body>
</html>

Copier après la connexion

Ensuite, nous entrons dans le contenu de base.

<!DOCTYPE html>
<html>
<head>
	<title></title>
</head>
<body>
	<input type="text" >
	<input type="button" value="禁用">
</body>
</html>

Copier après la connexion

Ensuite, l'étape suivante consiste à écrire des événements JavaScript pour implémenter la fonction de désactivation

<!DOCTYPE html>
<html>
<head>
	<title></title>
</head>
<body>
	<input id="txt" type="text" >
	<input id="btn1" type="button" value="禁用">
	<script> 
		var btn1 = document.getElementById(&#39;btn1&#39;);
		btn1.onclick = function () {
			var txt = document.getElementById(&#39;txt&#39;);
			txt.disabled = true;
		}
	</script>
</body>
</html>

Copier après la connexion

Optimisez-le : entrez des chiffres dans la zone de texte, cliquez sur Désactiver et vous ne pourrez plus saisir de chiffres dans la zone de texte, puis continuez. Écrivez simplement la fonction "activer". En fait, activer des fonctions revient presque à désactiver des fonctions. Remplacez simplement "disabled = true" par "disabled = false". Le code est le suivant :

<!DOCTYPE html>
<html>
<head>
	<title></title>
</head>
<body>
	<input id="txt" type="text" >
	<input id="btn1" type="button" value="禁用">
	<input id="btn2" type="button" value="启用">
	<script> 
		var btn1 = document.getElementById(&#39;btn1&#39;);
		btn1.onclick = function () {
			var txt = document.getElementById(&#39;txt&#39;);
			txt.disabled = true;
		}
 
		var btn2 = document.getElementById(&#39;btn2&#39;);
		btn2.onclick = function () {
			var txt = document.getElementById(&#39;txt&#39;);
			txt.disabled = false;
		}
	</script>
</body>
</html>

Copier après la connexion

[Recommandations associées : tutoriel d'apprentissage javascript. 】

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!