Heim > Web-Frontend > js-Tutorial > Wie kann ich Eingabefelder mit jQuery deaktivieren und aktivieren?

Wie kann ich Eingabefelder mit jQuery deaktivieren und aktivieren?

Barbara Streisand
Freigeben: 2024-12-22 15:35:21
Original
973 Leute haben es durchsucht

How Can I Disable and Enable Input Fields Using jQuery?

Eingabefelder mit jQuery deaktivieren und aktivieren

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( ) Funktion:

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

Vor jQuery 1.6 kann die Funktion attr() zum Festlegen der Deaktivierung verwendet werden Attribut:

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

Ein Eingabefeld aktivieren

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

jQuery 1.6

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

jQuery 1.5 und unten

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

Direkte DOM-Manipulation

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

// Assuming an event handler thus 'this'
this.disabled = true;
// ...
this.disabled = false;
Nach dem Login kopieren

Hinweis für jQuery 1.6

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

Das obige ist der detaillierte Inhalt vonWie kann ich Eingabefelder mit jQuery deaktivieren und aktivieren?. 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