Maison > Article > interface Web > Comment déterminer si un élément est en lecture seule dans jquery

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

青灯夜游original: 2022-09-13 18:22:402481parcourir

É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

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 23efcc05e98690ceeb219581933e4231 ou 5ec93a05074c5f76e55c000476643406 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")

É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("元素不只读");
}

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>

Tutoriel vidéo jQuery
,
Vidéo web front-end

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!

Déclaration：

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

Article précédent：Comment masquer les éléments div en cliquant sur d'autres éléments dans jqueryArticle suivant：Comment masquer les éléments div en cliquant sur d'autres éléments dans jquery

Articles Liés

Voir plus