Ich versuche mit jQuery ein Optionsfeld zu aktivieren. Hier ist mein Code:
<form>
<div id='type'>
<input type='radio' id='radio_1' name='type' value='1' />
<input type='radio' id='radio_2' name='type' value='2' />
<input type='radio' id='radio_3' name='type' value='3' />
</div>
</form>
Und das JavaScript:
jQuery("#radio_1").attr('checked', true);
Funktioniert nicht:
jQuery("input[value='1']").attr('checked', true);
Funktioniert nicht:
jQuery('input:radio[name="type"]').filter('[value="1"]').attr('checked', true);
Funktioniert nicht:
Hast du eine andere Idee? Was vermisse ich?
javascript
jquery
forms
radio-button
Alexis
quelle
quelle
Antworten:
Verwenden Sie für Versionen von jQuery gleich oder höher (> =) 1.6:
Verwenden Sie für Versionen vor (<) 1.6:
Tipp: Möglicherweise möchten Sie auch anrufen
click()
oder anschließendchange()
das Optionsfeld aktivieren. Weitere Informationen finden Sie in den Kommentaren.quelle
prep
korrekt seit 1.6 und erforderlich seit 1.9..change()
am Ende hinzuzufügen , um andere Ereignisse auf der Seite auszulösen..prop
eindeutig die richtige Antwort ist und die.attr
Methode ein Hinweis für jQuery <1.6 ist.$("#radio_1").prop("checked", true).trigger("click");
Versuche dies.
In diesem Beispiel ziele ich mit dem Eingabenamen und dem Wert darauf ab
Gut zu wissen: Bei einem Wert mit mehreren Wörtern funktioniert dies auch aufgrund von Apostrophen.
quelle
$("input[name=background][value='color purple']").prop("checked",true);
Eine weitere Funktion prop (), die in jQuery 1.6 hinzugefügt wurde und denselben Zweck erfüllt.
quelle
attr('checked', true)
hat für mich mit jQuery 1.9 aufgehört zu arbeiten, das ist die Lösung!prop("checked", true)
das funktioniert,attr('checked', 'checked')
nichtattr('checked', 'checked')
funktioniert tatsächlich x)Kurze und leicht lesbare Option:
Es gibt true oder false zurück, sodass Sie es in der if-Anweisung verwenden können.
quelle
Versuche dies.
Verwenden Sie diese Option, um das Optionsfeld mit Wert zu aktivieren .
Oder
Oder
Verwenden Sie diese Option, um das Optionsfeld anhand der ID zu überprüfen .
Oder
quelle
Versuche dies:
http://jsfiddle.net/nwo706xw/
quelle
.val(['1'])
nicht.val('1')
Der
$.prop
Weg ist besser:und Sie können es wie folgt testen:
quelle
Du musst
Das ist das HTML-Attribut
quelle
Wenn die Eigenschaft
name
nicht funktioniert, vergessen Sie nicht, dass sieid
noch vorhanden ist. Diese Antwort ist für Leute, die dasid
hier so ansprechen möchten, wie Sie es tun.Weil Eigentum
name
bei mir nicht funktioniert. Stellen Sie sicher, dass Sie nicht umgebenid
undname
mit doppelten / einfachen Anführungszeichen.Prost!
quelle
Ja, es hat bei mir wie ein Weg funktioniert:
quelle
Versuche dies
quelle
Überraschenderweise ignoriert die beliebteste und akzeptierte Antwort das Auslösen eines geeigneten Ereignisses trotz der Kommentare. Stellen Sie sicher
.change()
, dass Sie aufrufen , da sonst alle "On Change" -Bindungen dieses Ereignis ignorieren.quelle
quelle
Wert erhalten:
Sollwert:
Optionsfeld Klicken Sie auf Add attr aktiviert:
quelle
Wir sollten sagen wollen, dass es sich um eine
radio
Schaltfläche handelt. Bitte versuchen Sie es mit dem folgenden Code.quelle
Nur für den Fall, dass jemand versucht, dies während der Verwendung der jQuery-Benutzeroberfläche zu erreichen, müssen Sie auch das Kontrollkästchenobjekt der Benutzeroberfläche aktualisieren, um den aktualisierten Wert wiederzugeben:
quelle
Ich benutze diesen Code:
Es tut mir leid für Englisch.
quelle
Versuchen Sie dies anhand eines Beispiels
quelle
Versuche dies
quelle
quelle
quelle
$("#radio_1").attr('checked', true);
das wird nicht funktionieren. Wie vom OP erwähntIch habe ein ähnliches Beispiel zur Verbesserung erhalten. Wie wäre es, wenn ich eine neue Bedingung hinzufügen möchte, z. B. wenn das Farbschema ausgeblendet werden soll, nachdem ich auf den Projektstatuswert mit Ausnahme von Fertigern und Pflastersteinen geklickt habe.
Beispiel ist hier:
http://jsfiddle.net/m7hg2p94/4/
quelle
Außerdem können Sie überprüfen, ob das Element aktiviert ist oder nicht:
Sie können nach nicht aktivierten Elementen suchen:
Sie können diese Option auch deaktivieren:
Verwenden Sie für Versionen von jQuery gleich oder höher (> =) 1.6:
Verwenden Sie für Versionen vor (<) 1.6:
quelle
Ich habe jquery-1.11.3.js verwendet
Grundlegendes Aktivieren und Deaktivieren
index.html
quelle
Verwenden Sie prop () mehtod
Quelle Link -
quelle
Versuche dies
Wenn aktiviert, wird zurückgegeben,
True
wenn nicht aktiviert, wird zurückgegebenFalse
quelle
Einige der oben genannten Lösungen funktionieren nicht, dann können Sie es unten versuchen:
Sie können es auch versuchen:
quelle
jQuery.uniform.update()
ist die Lösung!Versuche dies:
quelle
checkboxradio
Plugin einzuschließen. Dies ist sinnlos, wenn Sie nur die integrierten Funktionen von jQuery verwenden können, um dies zu erreichen (siehe akzeptierte Antwort).Ich habe gerade ein ähnliches Problem, eine einfache Lösung besteht darin, einfach zu verwenden:
Jede andere Lösung funktioniert, wenn Sie das Radio nach dem Aufruf der Funktion aktualisieren.
quelle
attr akzeptiert zwei Zeichenfolgen.
Der richtige Weg ist:
quelle