Pregunta ¿Cómo puedo saber qué botón de selección se selecciona a través de jQuery?


Tengo dos botones de opción y deseo publicar el valor del seleccionado. ¿Cómo puedo obtener el valor con jQuery?

Puedo obtener todos ellos así:

$("form :radio")

¿Cómo sé cuál se selecciona?


2289
2018-02-27 19:53


origen


Respuestas:


Para obtener el valor de la seleccionado  radioName elemento de un formulario con id myForm:

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

Aquí hay un ejemplo:

$('#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>


3532
2018-02-27 19:58



Utilizar esta..

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

369
2018-01-07 00:45



Si ya tiene una referencia a un grupo de botones de opción, por ejemplo:

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

Utilizar el filter() función, no find(). (find() es para localizar elementos secundarios / descendientes, mientras que filter() busca elementos de nivel superior en su selección).

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

Notas: Esta respuesta originalmente estaba corrigiendo otra respuesta que recomendaba usar find(), que parece haber sido cambiado desde entonces. find() podría ser útil para la situación en la que ya tenía una referencia a un elemento contenedor, pero no a los botones de opción, p. ej .:

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

256
2018-02-09 18:25



Esto debería funcionar:

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

Tenga en cuenta el "uso" en la entrada: marcado y no "como la solución de Peter J"


118
2018-03-30 22:29



Puede usar el selector: checked junto con el selector de radio.

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

69
2018-02-27 20:00



Si solo desea el valor booleano, es decir, si está marcado o no, intente esto:

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

42
2017-08-30 20:27



Obtener todas las radios:

var radios = jQuery("input[type='radio']");

Filtrar para obtener el que está marcado

radios.filter(":checked")

42
2017-09-01 17:55



Otra opción es:

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

35
2017-09-21 19:35