Heim > Web-Frontend > js-Tutorial > Hauptteil

Verwenden Sie js, um das schreibgeschützte Attribut des Eingabefelds dynamisch zu steuern

阿神
Freigeben: 2017-03-18 11:23:24
Original
2038 Leute haben es durchsucht

Das schreibgeschützte Attribut des Eingabefelds: readonly

Wenn es der Seite direkt als schreibgeschützt hinzugefügt wird, können Sie readonly="readonly" direkt zur Eingabe hinzufügen. aber wenn Sie auf klicken möchten Wenn sich die Schaltfläche ändert, muss sie über js (oder jquery) implementiert werden.

Als ich das das letzte Mal benutzt habe, habe ich endlich herausgefunden, warum ich beim Schreiben dieses js-Steuerelements immer so deprimiert war. Es stellte sich heraus, dass js einen kleinen Fehler beim Festlegen von Attributen wie schreibgeschützt und deaktiviert hat (zumindest ist das so). Ich mache es) Denke): Erstens setzt document.getElementById("id").readonly = "true"; die Eingabe auf schreibgeschützt, aber wenn das schreibgeschützte Attribut durch document.getElementById("id") entfernt wird .readonly="false" hat keine Auswirkung. Zu diesem Zeitpunkt müssen Sie die Anführungszeichen außerhalb von false entfernen, damit die js-Anweisung ordnungsgemäß funktioniert .

Anhang:

1 Schreibgeschützte Attribute über die festlegen und aufheben id-Attribut

Schreibgeschützt festlegen: $("#id").attr("readOnly","true");

Schreibgeschützt abbrechen: $("# id"). attr("readOnly",false);

2. jquery Batch-Einstellung und Löschung von schreibgeschützten Attributen

/* Alle Eingabefelder in p mit der ID sa */

Schreibgeschützt festlegen: $("#sa input").attr("readOnly","true");

Schreibgeschützt aufheben: $("#sa input" ).attr(" readOnly",false);

Verwandte Artikel:

js set input text box read-only

Set alle Formularobjekte über js schreibgeschützt

So verarbeiten Sie ein Formular, sodass Eingabe- und andere Textfelder schreibgeschützt und nicht bearbeitbar sind

Das obige ist der detaillierte Inhalt vonVerwenden Sie js, um das schreibgeschützte Attribut des Eingabefelds dynamisch zu steuern. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage