JQuery - Wert des Attributs festlegen

Question

Ich habe folgendes HTML mit zwei Elementen, die den gleichen Namen haben

Durch JQuery möchte ich das Kontrollkästchen aktivieren. Also benutze ich etwas wie dies:

$('#chk0').attr("disabled",false);

Aber das funktioniert nicht. Ich nehme an, dass JQuery sich mit zwei Elementen mit dem gleichen identischen Namen verwirrt. Leider kann ich nicht vermeiden, zwei verschiedene Namen zu verwenden, weil ich möchte, dass alle Kontrollkästchen beim Absenden des Formulars übermittelt werden (nicht nur diejenigen, die ausgewählt sind). Daher muss ich ein verstecktes Element mit demselben Namen verwenden. Zurück zur Frage, wie kann ich das Kontrollkästchen in dem obigen Szenario durch JQuery aktivieren? Gibt es ein "type"-Parameter für attr, der hidden von checkbox unterscheidet?

Danke

Answer 1

Einige Dinge vor dem eigentlichen Code ..

Das Hash (#), den Sie als Selektor verwenden, ist für IDs und nicht für Elementnamen. Auch das disabled-Attribut ist kein true false-Szenario .. Wenn es das disabled-Attribut hat, bedeutet es, dass es true ist .. Sie müssen das Attribut entfernen und nicht auf false setzen. Auch gibt es die Formularselektoren, die bestimmte Arten von Elementen in einem Formular identifizieren ..

also wäre der Code

$("input:checkbox[name='chk0']").removeAttr('disabled');

---

Die Antwort auf den neuesten Stand bringen

Sie sollten die .prop() Methode verwenden (hinzugefügt seit v1.6)

$("input:checkbox[name='chk0']").prop('disabled', false); // um das Kontrollkästchen zu aktivieren

und

$("input:checkbox[name='chk0']").prop('disabled', true); // um das Kontrollkästchen zu deaktivieren

Answer 2

Ernsthaft, verwenden Sie jQuery für dies nicht. disabled ist eine boolesche Eigenschaft von Formularelementen, die in jedem gängigen Browser seit 1997 einwandfrei funktioniert, und es gibt keine Möglichkeit, einfacher oder intuitiver zu ändern, ob ein Formularelement deaktiviert ist oder nicht.

Der einfachste Weg, um einen Verweis auf das Kontrollkästchen zu erhalten, besteht darin, ihm eine id zu geben. Hier ist mein vorgeschlagenes HTML:

Und die JavaScript-Zeile, um das Kontrollkästchen zu aktivieren:

document.getElementById("chk0_checkbox").disabled = false;

Wenn Sie möchten, können Sie stattdessen jQuery verwenden, um das Kontrollkästchen zu erhalten:

$("#chk0_checkbox")[0].disabled = false;

Answer 3

"Wahr" und "Falsch" funktionieren nicht, um zu deaktivieren, auf "disabled" setzen.

$('.someElement').attr('disabled', 'disabled');

Zum aktivieren, entfernen.

$('.someElement').removeAttr('disabled');

Außerdem brauchen Sie sich keine Sorgen darum machen, dass mehrere Elemente ausgewählt wurden, jQuery wird auf alle angewendet, die übereinstimmen. Wenn Sie nur eins benötigen, können Sie viele Optionen verwenden: :first, :last, nth, usw.

Sie verwenden name und nicht id wie von anderen erwähnt - denken Sie daran, wenn Sie id verwenden, verlangt gültiges xhtml, dass die ids eindeutig sind.

Answer 4

$("#chk0") bezieht sich auf ein Element mit der ID chk0. Sie könnten versuchen, IDs zu den Elementen hinzuzufügen. IDs sind eindeutig, auch wenn die Namen gleich sind, sodass Sie in jQuery auf ein einzelnes Element über dessen ID zugreifen können.

Answer 5

Verwenden Sie eine ID, um das Kontrollkästchen eindeutig zu identifizieren. Ihr aktuelles Beispiel versucht, das Kontrollkästchen mit einer ID von '#chk0' auszuwählen:

$('#chk0').attr("disabled", "disabled");

Sie müssen auch das Attribut disabled entfernen, um das Kontrollkästchen zu aktivieren. Etwas in der Art von:

$('#chk0').removeAttr("disabled");

Siehe die Dokumentation für removeAttr

Der XHTML-Wert für das Deaktivieren/Aktivieren eines Eingabeelements lautet wie folgt:

Beachten Sie, dass es das Fehlen des disabled-Attributs ist, das das Eingabeelement aktiviert.