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

Um den Wert des Parameters ausgewählt radioName Element eines Formulars mit id myForm :

$('input[name=radioName]:checked', '#myForm').val()

Hier ist ein Beispiel:

$('#myForm input').on('change', function() {
   alert($('input[name=radioName]:checked', '#myForm').val()); 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<form id="myForm">
  <input type="radio" name="radioName" value="1" /> 1 <br />
  <input type="radio" name="radioName" value="2" /> 2 <br />
  <input type="radio" name="radioName" value="3" /> 3 <br />
</form>

Answer 2

Benutzen Sie das..

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

Answer 3

Wenn Sie bereits einen Verweis auf eine Optionsschaltflächengruppe haben, z. B.:

var myRadio = $("input[name=myRadio]");

Verwenden Sie die filter() Funktion, nicht find() . ( find() dient zum Auffinden von Kind-/Nachfahrerelementen, während filter() sucht nach Elementen der obersten Ebene in Ihrer Auswahl).

var checkedValue = myRadio.filter(":checked").val();

---

Notas: Mit dieser Antwort wurde ursprünglich eine andere Antwort korrigiert, die die Verwendung von find() die anscheinend inzwischen geändert wurde. find() könnte immer noch nützlich sein, wenn Sie bereits einen Verweis auf ein Containerelement haben, aber nicht auf die Optionsfelder, z. B.:

var form = $("#mainForm");
...
var checkedValue = form.find("input[name=myRadio]:checked").val();

Answer 4

Das sollte funktionieren:

$("input[name='radioName']:checked").val()

Beachten Sie das "", das um input:checked herum verwendet wird, und nicht '' wie bei der Lösung von Peter J.

Answer 5

Sie können den Selektor :checked zusammen mit dem Radioselektor verwenden.

 $("form:radio:checked").val();