Deaktivieren und Aktivieren von Eingabefeldern mit jQuery

Bei der Arbeit mit HTML-Formularelementen ist es oft notwendig, bestimmte Eingabefelder für Benutzer zu deaktivieren oder zu aktivieren Interaktion. jQuery bietet mehrere Methoden, um diese Aufgaben zu erfüllen.

Ein Eingabefeld deaktivieren

Die bevorzugte Methode zum Deaktivieren eines Eingabefelds in jQuery-Versionen 1.6 und höher ist die prop( ) function:

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

Vor jQuery 1.6 kann die Funktion attr() verwendet werden, um das deaktivierte Attribut festzulegen:

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

Aktivierung ein Eingabefeld

Um ein deaktiviertes Eingabefeld zu aktivieren, sollten Sie die Aktion je nach Methode umkehren used:

jQuery 1.6

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

jQuery 1.5 und unten

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

Direkte DOM-Manipulation

In jeder Version von jQuery , Sie können das DOM-Element immer direkt manipulieren:

// Assuming an event handler thus 'this'
this.disabled = true;
// ...
this.disabled = false;

Hinweis für jQuery 1.6

Während jQuery 1.6 die Methode „removeProp()“ einführt, sollte sie nicht für native Eigenschaften wie „disabled“ verwendet werden. Verwenden Sie stattdessen immer .prop(), um die Eigenschaft auf „false“ umzuschalten.