Maison > Article > interface Web > Comment déterminer si un élément est en lecture seule dans jquery
É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 :
$("选择器).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>
,
Vidéo web front-endCe 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!