javascript - input un valor obtener ¿Cómo puedo saber qué botón de opción se selecciona a través de jQuery?



15 Answers

Utilizar esta..

$("#myform input[type='radio']:checked").val();
obtener el id de un boton con javascript

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

Puedo conseguir todos ellos así:

$("form :radio")

¿Cómo puedo saber cuál está seleccionado?




Esto debería funcionar:

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

Observe la "" utilizada en torno a la entrada: marcada y no "" como la solución de Peter J




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

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



Otra opción es:

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



Así es como escribiría el formulario y manejaría la obtención de la radio verificada.

Usando un formulario llamado myForm:

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

Obtenga el valor del formulario:

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

Si no está publicando el formulario, lo simplificaría aún más utilizando:

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

Entonces obteniendo el valor comprobado se convierte en:

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

Tener un nombre de clase en la entrada me permite diseñar fácilmente las entradas ...




En un botón de radio generado por JSF (usando la etiqueta <h:selectOneRadio> ), puede hacer esto:

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

donde selectOneRadio ID es radiobutton_id y form ID es form_id .

Asegúrese de usar el nombre en lugar de id , como se indica, porque jQuery usa este atributo (el nombre es generado automáticamente por JSF y se parece a la ID de control).




Además, compruebe si el usuario no selecciona nada.

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



Esto funciona bien

$('input[type="radio"][class="className"]:checked').val()

Demo de trabajo

El selector :checked seleccionado funciona para checkboxes de checkboxes , radio buttons y elementos seleccionados. Solo para elementos seleccionados, use el selector :selected .

API para :checked Selector




Para obtener el valor de la radio seleccionada que usa una clase:

$('.class:checked').val()



Utilizar esta:

value = $('input[name=button-name]:checked').val();



Si solo tiene 1 juego de botones de opción en 1 formulario, el código jQuery es tan simple como esto:

$( "input:checked" ).val()



Para recuperar todos los valores de los botones de opción en la matriz de JavaScript, utilice el siguiente código jQuery:

var values = jQuery('input:checkbox:checked.group1').map(function () {
    return this.value;
}).get();



Otra forma de conseguirlo:

 $("#myForm input[type=radio]").on("change",function(){
   if(this.checked) {
    alert(this.value);
    }
  });
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<form id="myForm">
   <span><input type="radio" name="q12_3" value="1">1</span><br>
   <span><input type="radio" name="q12_3" value="2">2</span>
</form>




$(function () {
// Someone has clicked one of the radio buttons
var myform= 'form.myform';
$(myform).click(function () {
    var radValue= "";
    $(this).find('input[type=radio]:checked').each(function () {
        radValue= $(this).val();
    });
  })
});



Necesita acceso con el selector seleccionado:

Compruebe este documento:

un ejemplo:

$('input[name=radioName]:checked', '#myForm').val()
$('#myForm input').on('change', function() {
	$('#val').text($('input[name=radioName]:checked', '#myForm').val());
});
#val {
  color: #EB0054;
  font-size: 1.5em;
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<h3>Radio value: <span id='val'><span></h3>
<form id="myForm">
  <input type="radio" name="radioName" value="a"> a <br>
  <input type="radio" name="radioName" value="b"> b <br>
  <input type="radio" name="radioName" value="c"> c <br>
</form>






Related