Wie deaktiviere ich alle <Eingaben> in einem Formular mit jQuery?

145

<form id="target">
....
</form>

jquery forms

— Oh mein Gott
quelle

283

In älteren Versionen könnten Sie verwenden attr. Ab jQuery 1.6 sollten Sie propstattdessen Folgendes verwenden :

$("#target :input").prop("disabled", true);

So deaktivieren Sie alle Formularelemente in 'Ziel'. Siehe :input:

Entspricht allen Eingabe-, Textbereichs-, Auswahl- und Schaltflächenelementen.

Wenn Sie nur die <input>Elemente wollen :

$("#target input").prop("disabled", true);

— Cletus
quelle

21

Ab jQuery 1.6 sollten Sie verwenden$("#target :input").prop("disabled", true);

— danijel

4

Jemand sollte die Antwort mit der aktualisierten Methode bearbeiten - dies sind an dieser Stelle nur schlechte Informationen.

— Ben Claar

und wie geht das in einem submit () - Rückruf mit $ (this)?

— Olivier Pons

2

@OlivierPons $(this).closest('form').find('input').prop('disabled', true);. Ich bin mir nicht sicher, ob Sie das besser konsolidieren können, aber ich bin bei jQuery immer noch ziemlich noobisch.

— wjervis

39

Das obige Beispiel ist technisch falsch. Gemäß der neuesten jQuery sollte die prop()Methode für Dinge wie deaktiviert verwendet werden. Siehe ihre API-Seite.

Um alle Formularelemente innerhalb von 'target' zu deaktivieren, verwenden Sie die Eingabeauswahl:, die allen Eingabe-, Textbereichs-, Auswahl- und Schaltflächenelementen entspricht.

$("#target :input").prop("disabled", true);

Wenn Sie nur die Elemente möchten, verwenden Sie diese.

$("#target input").prop("disabled", true);

— MetaSkills
quelle

15

Der prägnantere Weg ist auch die Verwendung der Selektor-Engine. So deaktivieren Sie alle Formularelemente in einem div oder übergeordneten Formular.

$myForm.find(':input:not(:disabled)').prop('disabled',true)

— MetaSkills
quelle

13

Du kannst hinzufügen

 <fieldset class="fieldset">

und dann können Sie anrufen

 $('.fieldset').prop('disabled', true);

— Otto Kanellis
quelle

8

So deaktivieren Sie alle Formulare, so einfach wie das Schreiben:

jQuery 1.6+

$("#form :input").prop("disabled", true);

jQuery 1.5 und niedriger

$("#form :input").attr('disabled','disabled');

— Engel Cuenca
quelle

8

Mit dieser einen Zeile können Sie jedes Eingabefeld in einem Formular deaktivieren

$('form *').prop('disabled', true);

— Samir Rahimy
quelle

Dadurch wird jedem Element im Formular unnötigerweise eine deaktivierte Eigenschaft hinzugefügt.

— Osvaldo Maria

@OsvaldoMaria Ja, das liegt am Stern-Selektor (all). Sie können allen Eingabeelementen, die Sie deaktivieren möchten, eine .custom-Klasse hinzufügen und dann den Selektor in $ ('form .custom-class') ändern. Prop ( 'deaktiviert', wahr ').

— Samir Rahimy

-1

Die endgültige Antwort (Änderungen an der jQuery-API in Version 1.6) wurde von Gnarf gegeben

— ErichBSchulz
quelle

Er bat darum, "alle Eingaben innerhalb eines Formulars zu deaktivieren" und nicht nur "alle Eingaben zu deaktivieren".

— Bengala

@Bengala sicher, aber Sie markieren mich hart dafür, dass ich als erster darauf hingewiesen habe, dass sich die API geändert hat. Zu der Zeit, als ich dies gepostet habe, erwähnte keine der anderen Antworten diesen Punkt.

— ErichBSchulz

Ich verstehe, aber ich denke, Sie sollten den jeweiligen Credits eine korrekte Antwort beifügen. Der Link zeigt nur, wie alle Eingaben deaktiviert werden. Ich bestehe darauf, dass er die Frage überhaupt nicht beantwortet.

— Bengala