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

Wie deaktiviere und aktiviere ich Eingabefelder mit jQuery?

Mary-Kate Olsen
Mary-Kate OlsenOriginal
2024-12-30 11:36:10896Durchsuche

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);

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

$("input").attr('disabled','disabled');

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

// within an event handler
this.disabled = true;

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

$("input").prop('disabled', false);

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

$("input").removeAttr('disabled');

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!

Stellungnahme:
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