Maison > Article > interface Web > Comment définir la zone de texte en lecture seule dans jquery
Comment définir la zone de texte en lecture seule dans jquery
- WBOYoriginal
- 2022-04-08 15:46:463853parcourir
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")".
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éthodeattr() 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.
$(selector).attr(attribute)Définir l'attribut et la valeur :
$(selector).attr(attribute,value)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(){
$('input').attr("readonly","readonly");
});
});
</script>
</head>
<body>
<input type="text" name="FirstName" value="Mickey">
<button>将文本框设置为只读</button>
</body>
</html>Résultat de sortie :
Tutoriels vidéo associés recommandés :
Tutoriel vidéo jQuery
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!