Comment définir la zone de texte en lecture seule dans jquery-Questions et réponses frontales-php.cn

Comment définir la zone de texte en lecture seule dans jquery

WBOY

Libérer： 2022-04-08 15:46:46

original

3879 Les gens l'ont consulté

Méthode : 1. Utilisez l'instruction "$(input element)" pour obtenir l'objet élément de zone de texte ; 2. Utilisez la méthode attr() pour définir la zone de texte en lecture seule et définissez la valeur de l'attribut en lecture seule sur lecture seule. La syntaxe est "élément de zone de texte" Object.attr("readonly","readonly")".

Comment définir la zone de texte en lecture seule dans jquery

L'environnement d'exploitation de ce tutoriel : système windows10, version jquery3.2.1, ordinateur Dell G3.

Comment définir la zone de texte en lecture seule dans jquery

1. Utilisez l'instruction "$(input element)" pour obtenir l'objet élément de la zone de texte

$ est l'alias de jQuery

et jQuery est un fonction fournie par la bibliothèque jQuery. (Il semble que ce ne soit pas seulement une fonction, car il existe également des utilisations comme $.ajax(options), qui est équivalent à jQuery.ajax(options))

La fonction de cette fonction est de trouver et sélectionnez des éléments dans le document html en fonction des paramètres entre (). L'une des fonctions est de remplacer GetElementByID, mais () peut non seulement être un ID, mais aussi divers sélecteurs. Par exemple :

$(document) consiste à sélectionner. l'objet document entier. 2. méthode attr

La méthode

attr() définit ou renvoie les attributs et les valeurs de l'élément sélectionné. Lorsque cette méthode est utilisée pour renvoyer une valeur d'attribut, la valeur du premier élément correspondant est renvoyée.

Lorsque cette méthode est utilisée pour définir les valeurs d'attribut, une ou plusieurs paires attribut/valeur sont définies pour l'élément correspondant.

Syntaxe

Renvoyer la valeur de l'attribut :

$(selector).attr(attribute)

Copier après la connexion

Définir l'attribut et la valeur :

$(selector).attr(attribute,value)

Copier après la connexion

L'attribut en lecture seule spécifie 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'exemple est le suivant :

<html>
<head>
<meta charset="utf-8">
<title>菜鸟教程(runoob.com)</title>
<script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js">
</script>
<script>
$(document).ready(function(){
$("button").click(function(){
$(&#39;input&#39;).attr("readonly","readonly");
});
});
</script>
</head>
<body>
<input type="text" name="FirstName" value="Mickey">
<button>将文本框设置为只读</button>
</body>
</html>

Copier après la connexion

Résultat de sortie :

Tutoriels vidéo associés recommandés :

Tutoriel vidéo jQuery

Comment définir la zone de texte en lecture seule dans jquery