Heim > Web-Frontend > js-Tutorial > Wie deaktiviere und aktiviere ich Eingabefelder mit jQuery?

Wie deaktiviere und aktiviere ich Eingabefelder mit jQuery?

Mary-Kate Olsen
Freigeben: 2024-12-30 11:36:10
Original
885 Leute haben es durchsucht

How Do I Disable and Enable Input Fields Using jQuery?

So deaktivieren oder aktivieren Sie eine Eingabe mit jQuery

Einführung:
Eingabefelder können entscheidend sein für Benutzerinteraktion, und manchmal ist ihre Deaktivierung oder Aktivierung für die Steuerung von Benutzeraktionen unerlässlich. jQuery bietet robuste Methoden für diese Vorgänge.

Deaktivieren Sie eine Eingabe:
Verwenden Sie in jQuery-Versionen 1.6 und höher die Funktion .prop(), um die Eigenschaft „disabled“ festzulegen:

$("input").prop('disabled', true);
Nach dem Login kopieren

Für jQuery 1.5 und niedriger verwenden Sie die Funktion .attr(), um die Deaktivierung festzulegen Attribut:

$("input").attr('disabled','disabled');
Nach dem Login kopieren

Alternativ können Sie die deaktivierte Eigenschaft des DOM-Objekts direkt ändern:

// within an event handler
this.disabled = true;
Nach dem Login kopieren

Eingabe aktivieren:
Auch hier für jQuery 1.6 Verwenden Sie .prop(), um die Eigenschaft „disabled“ auf „false“ zu setzen:

$("input").prop('disabled', false);
Nach dem Login kopieren

In jQuery 1.5 und niedriger verwenden Sie .removeAttr(), um das Attribut „disabled“ zu entfernen:

$("input").removeAttr('disabled');
Nach dem Login kopieren

Wie beim Deaktivieren können Sie auch die Eigenschaft „disabled“ des DOM-Objekts direkt auf „false“ setzen.

Hinweis für jQuery 1.6:
Die Funktion .removeProp() sollte nicht für native Eigenschaften wie „deaktiviert“ verwendet werden. Setzen Sie die Eigenschaften stattdessen mit .prop() auf „false“.

Fazit:
Das Deaktivieren oder Aktivieren von Eingaben mit jQuery ist unkompliziert und Sie können die Methode auswählen, die am besten zu Ihren Anforderungen passt Version von jQuery. Denken Sie bei Ihrer Auswahl daran, Leistung und Browserkompatibilität zu berücksichtigen.

Das obige ist der detaillierte Inhalt vonWie deaktiviere und aktiviere ich Eingabefelder mit jQuery?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

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
Neueste Artikel des Autors
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage