Comment supprimer l'attribut en lecture seule dans jquery-Questions et réponses frontales-php.cn

Comment supprimer l'attribut en lecture seule dans jquery

青灯夜游

Libérer： 2022-04-20 19:55:12

original

2442 Les gens l'ont consulté

Méthode de suppression : 1. Utilisez l'instruction "$(selector).removeAttr("readonly")" pour supprimer l'attribut en lecture seule ; 2. Utilisez "$(selector).attr("readonly",false)" pour définir le la valeur de l'attribut en lecture seule est fausse.

Comment supprimer l'attribut en lecture seule dans jquery

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

Attribut en lecture seule

L'attribut en lecture seule fait référence à l'attribut en lecture seule, qui est utilisé pour spécifier que le champ de saisie est en lecture seule.

Les champs en lecture seule ne peuvent pas être modifiés. Cependant, les utilisateurs peuvent toujours accéder au champ et sélectionner ou copier son texte. L'attribut

readonly empêche l'utilisateur de modifier la valeur jusqu'à ce que certaines conditions soient remplies (comme une case à cocher cochée). Ensuite, vous devez utiliser JavaScript pour éliminer la valeur en lecture seule et faire passer le champ de saisie à un état modifiable. L'attribut

readonly peut être utilisé avec ou .

Comment supprimer les attributs en lecture seule avec jquery

Méthode 1 : Utilisez la méthode removeAttr()

removeAttr() est utilisée pour supprimer les attributs des éléments sélectionnés. Format de syntaxe

$(selector).removeAttr(attribute)

Copier après la connexion

Définissez simplement l'attribut paramètre de la méthode sur "readonly" pour supprimer l'attribut en lecture seule.

Exemple :

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<script src="js/jquery-1.10.2.min.js"></script>
		<script type="text/javascript">
			$(document).ready(function() {
				$("button").click(function() {
					$("input").removeAttr("readonly");
				});
			});
		</script>
	</head>

	<body>
		<input type="text" value="hello" readonly="readonly" /><br /><br />

		<button>去掉只读属性</button>
	</body>
</html>

Copier après la connexion

Comment supprimer lattribut en lecture seule dans jquery

Méthode 2 : utilisez attr()

Utilisez la méthode attr() pour définir la valeur de l'attribut en lecture seule sur false

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<script src="js/jquery-1.10.2.min.js"></script>
		<script type="text/javascript">
			$(document).ready(function() {
				$("button").click(function() {
					$("input").attr("readonly",false);
				});
			});
		</script>
	</head>

	<body>
		<input type="text" value="hello" readonly="readonly" /><br /><br />

		<button>去掉只读属性</button>
	</body>
</html>

Copier après la connexion

Comment supprimer lattribut en lecture seule dans jquery