Utilisez js pour contrôler dynamiquement l'attribut en lecture seule de la zone de saisie

L'attribut en lecture seule de la zone de saisie : readonly

Lorsqu'il est ajouté directement à la page en lecture seule, vous pouvez directement ajouter readonly="readonly" à l'entrée, mais si vous souhaitez cliquer sur Si le bouton est modifié, il doit être implémenté via js (ou jquery).

La dernière fois que je l'ai utilisé, j'ai finalement découvert pourquoi j'étais toujours si déprimé lors de l'écriture de ce contrôle js. Il s'avère que js a un petit bug lors de la définition d'attributs tels que lecture seule et désactivé (du moins c'est comme ça). Je le fais) Pensez) : Tout d'abord, document.getElementById("id").readonly = "true"; définit l'entrée en lecture seule, mais lorsque l'attribut en lecture seule est supprimé via document.getElementById("id") .readonly="false" , n'a aucun effet. Pour le moment, vous devez supprimer les guillemets en dehors de false pour que l'instruction js fonctionne correctement .

Pièce jointe :

1. attribut id

Définir en lecture seule : $("#id").attr("readOnly","true");

Annuler en lecture seule : $("# id"). attr("readOnly",false);

2. jquery Paramétrage par lots et annulation des attributs en lecture seule

/* Toutes les zones de saisie dans p avec l'identifiant sa */

Définir en lecture seule : $("#sa input").attr("readOnly","true");

Annuler en lecture seule : $("#sa input" ).attr(" readOnly",false);

Articles associés :

js définit la zone de texte de saisie en lecture seule

Définir tous les objets de formulaire via js Lecture seule

Comment traiter un formulaire pour que la saisie et les autres zones de texte soient en lecture seule et non modifiables

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!