Comment déterminer si un élément est en lecture seule dans jquery-Questions et réponses frontales-php.cn

Comment déterminer si un élément est en lecture seule dans jquery

青灯夜游

Libérer： 2022-09-13 18:22:40

original

2547 Les gens l'ont consulté

Étapes de jugement : 1. Utilisez attr() pour obtenir la valeur de l'attribut en lecture seule dans l'élément spécifié, la syntaxe est "$("selector).attr("readonly")" ; 2. Déterminez si la valeur du l'attribut readonly est "readonly", Syntaxe "attribute value == "readonly"", si la valeur de l'attribut est "readonly", l'élément est en lecture seule, sinon l'élément n'est pas en lecture seule

Comment déterminer si un élément est en lecture seule dans jquery

Le fonctionnement environnement de ce tutoriel : système Windows 7, version jquery3.6.1, ordinateur Dell G3.

Statut HTML en lecture seule

L'attribut readonly contrôle si l'attribut

readonly est utilisé pour spécifier que l'attribut readonly est utilisé. Le champ de saisie est en lecture seule. Le champ ne peut pas être modifié. Cependant, l'utilisateur peut toujours utiliser la touche de tabulation pour basculer vers le champ et sélectionner ou copier son texte. L'attribut en lecture seule empêche l'utilisateur de modifier la valeur jusqu'à ce que certaines conditions soient remplies. (par exemple en le sélectionnant). Ensuite, vous devez utiliser JavaScript pour éliminer la valeur en lecture seule et faire passer le champ de saisie à un état modifiable. L'attribut en lecture seule peut être utilisé avec ou utilisés ensemble

Étapes de mise en œuvre :

La méthode attr() peut renvoyer la valeur de l'élément sélectionné Spécifiez la valeur de l'attribut

$("选择器).attr("readonly")

Copier après la connexion

Étape 2 : Déterminez si la valeur de l'attribut en lecture seule est "en lecture seule"

La valeur de l'attribut est "lecture seule", l'élément est en lecture seule

La valeur de l'attribut n'est pas "lecture seule", l'élément n'est pas en lecture seule

if(属性值=="readonly"){
	console.log("元素只读");
}else{
	console.log("元素不只读");
}

Copier après la connexion

Exemple de code :

<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<script src="js/jquery-3.6.1.min.js"></script>
		<script type="text/javascript">
			$(document).ready(function() {
				$("button").click(function() {
					var a = $("input").attr("readonly");
					if (a == "readonly") {
						console.log("input元素只读");
					} else {
						console.log("input元素不只读");
					}
					var b = $("textarea").attr("readonly");
					if (b == "readonly") {
						console.log("textarea元素只读");
					} else {
						console.log("textarea元素不只读");
					}
				});
			});
		</script>
	</head>
	<body>
		<input type="text" value="hello" readonly="readonly" /><br /><br />
		<textarea></textarea><br /><br />
		<button>元素是否只读</button>
	</body>
</html>

Copier après la connexion