5

Tengo dos radio buttons y quiero mostrar el valor en pantalla. ¿Cómo puede obtener el valor con JQuery?

Puedo obtener todos los elementos así:

$("form :radio")

¿Cómo puedo saber cual es el seleccionado?

2 respuestas 2

7

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

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

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>

0

En el ejemplo, tuve que aperturar el jQuery y me funcionó

$(document).ready(function(){...aquí va el código...});

$(document).ready(function(){
	$('#form input').on('change',function(){
		alert($('input[name=tipoHelpTools]:checked','#form').val());
	});	
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.2/jquery.min.js"></script>
<form id="form">		
<label>
<input type="radio" name="tipoHelpTools" id="tipoHelpTools" value="Compra" checked="">
Compra
</label>
<label>
<input type="radio" name="tipoHelpTools" id="tipoHelpTools" value="Mantenimineto">
Mantenimiento
</label>
	</form>

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.