Wie prüft man einen Radio-Button mit jQuery?

Question

Ich versuche, ein Optionsfeld mit jQuery zu überprüfen. 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:

Haben Sie eine andere Idee? Was übersehe ich?

Answer 1

Für Versionen von jQuery gleich oder höher (>=) 1.6, verwenden:

$("#radio_1").prop("checked", true);

Für Versionen vor (<) 1.6, verwenden Sie:

$("#radio_1").attr('checked', 'checked');

Conseil : Sie können auch anrufen click() o change() auf die Optionsschaltfläche. Siehe Kommentare für weitere Informationen.

Answer 2

Versuchen Sie dies.

In diesem Beispiel gebe ich den Namen und den Wert der Eingabe an

$("input[name=background][value='some value']").prop("checked",true);

Gut zu wissen: Im Falle von Mehrwortwerten funktioniert es auch wegen der Apostrophe.

Answer 3

Kurze und leicht zu lesende Option:

$("#radio_1").is(":checked")

Er gibt true oder false zurück, so dass Sie ihn in einer "if"-Anweisung verwenden können.

Answer 4

Eine weitere Funktion prop(), die in jQuery 1.6 hinzugefügt wurde, dient demselben Zweck.

$("#radio_1").prop("checked", true);

Answer 5

Versuchen Sie dies.

So prüfen Sie die Optionsschaltfläche mit Wert dies verwenden.

$('input[name=type][value=2]').attr('checked', true); 

Oder

$('input[name=type][value=2]').attr('checked', 'checked');

Oder

$('input[name=type][value=2]').prop('checked', 'checked');

So prüfen Sie die Optionsschaltfläche mit ID dies verwenden.

$('#radio_1').attr('checked','checked');

Oder

$('#radio_1').prop('checked','checked');