Siempre se me olvida, no sé cómo lo hago pero cuando estoy programando y necesito recoger el valor del radio button seleccionado… me surge siempre la misma pregunta: ¿y esto cómo se hacía?
jQuery
Así que comparto con vosotros y me lo anoto para mí mismo la forma de recoger el valor del radiobutton seleccionado con la ayuda de jQuery.
Disponemos del siguiente grupo de radio-buttons dentro de un formulario para indicar el género o sexo de un usuario, y deseamos conocer el valor del botón de tipo radio seleccionado:
</p> <p><label><input type="radio" id="gender-male" name="gender" value="male"/> Hombre</label><br /> <label><input type="radio" id="gender-female" name="gender" value="female"/> Mujer</label></p> <p>
Mediante jquery podemos obtener el valor actual del radio con cualquiera de las siguientes líneas:
</p>
<p>var gender = $("input:radio[name='gender']:checked'").val();<br />
var gender = $("input[@name='gender']:checked").val();</p>
<p>
Y para los nostálgicos, cómo recoger el valor del radiobutton con javascript, sin ayuda de la librería jQuery (ayns… que recuerdos me trae esta función…):
</p>
<p>function getValueRadio(nombreFormulario,nombreCampo){<br />
var longitud = eval("document."+nombreFormulario+"."+nombreCampo+".length")<br />
for (var l=0; l<longitud; l++){<br />
if (eval("document."+nombreFormulario+"."+nombreCampo+"["+l+"].checked"))<br />
return eval("document."+nombreFormulario+"."+nombreCampo+"["+l+"].value");<br />
}<br />
return null;<br />
}//getValueRadio<br />
Tags: javascript, jQuery