Wie kann ich wissen, welche Optionsschaltfläche über jQuery ausgewählt ist?

Question

Ich habe zwei Optionsfelder und möchte den Wert des ausgewählten Feldes ausgeben. Wie kann ich den Wert mit jQuery erhalten?

Ich kann sie alle auf diese Weise bekommen:

$("form :radio")

Woher weiß ich, welcher ausgewählt ist?

Answer 1

So würde ich das Formular schreiben und die Abfrage des angekreuzten Radios handhaben.

Mit einem Formular namens myForm:

<form id='myForm'>
    <input type='radio' name='radio1' class='radio1' value='val1' />
    <input type='radio' name='radio1' class='radio1' value='val2' />
    ...
</form>

Holt den Wert aus dem Formular:

$('#myForm .radio1:checked').val();

Wenn Sie das Formular nicht veröffentlichen, würde ich es weiter vereinfachen, indem Sie es verwenden:

<input type='radio' class='radio1' value='val1' />
<input type='radio' class='radio1' value='val2' />

Dann wird der geprüfte Wert ermittelt:

    $('.radio1:checked').val();

Mit einem Klassennamen an der Eingabe kann ich die Eingaben leicht gestalten...

Answer 2

Versuchen Sie dies. es hat bei mir funktioniert

$('input[type="radio"][name="name"]:checked').val();

Answer 3

In einem JSF generierte Optionsschaltfläche (mit <h:selectOneRadio> Tag), können Sie dies tun:

radiobuttonvalue = jQuery("input[name='form_id\:radiobutton_id']:checked").val();

wo selectOneRadio ID ist radiobutton_id und die Formular-ID lautet form_id .

Verwenden Sie unbedingt Name stattdessen id wie angegeben, weil jQuery dieses Attribut verwendet ( Name wird von JSF automatisch generiert und ähnelt der Kontroll-ID).

Answer 4

Wenn Sie mehrere Optionsfelder in einem einzigen Formular haben, dann

var myRadio1 = $('input[name=radioButtonName1]');
var value1 = myRadio1.filter(':checked').val();

var myRadio2 = $('input[name=radioButtonName2]');
var value2 = myRadio2.filter(':checked').val();

Das funktioniert bei mir.

Answer 5

Prüfen Sie auch, ob der Benutzer nichts auswählt.

var radioanswer = 'none';
if ($('input[name=myRadio]:checked').val() != null) {           
   radioanswer = $('input[name=myRadio]:checked').val();
}