Obtener el valor de un RadioButton con Javascript
Hace dias me tope nuevamente con el problema de obtener el valor de un radiobutton de una forma que aun no es enviada o submitia, y nuevamente, no recordaba como hacerlo, asi esque tuve que googlear para recordarlo.
Lo primero que necesitamos es obviamente, una forma donde utilicemos inputs tipo radio, un ejemplo seria:
No existe un forma directa de accesar al valor del radiobutton, como es asi con otros controles tipo texto, por ejemplo, no podemos accesar con document.forma.opcion.value, esto nos regresaria un error de javascript, ya que, en el ejemplo, el input radio opcion se representa como un array de 2 posiciones, el cual tenemos que recorrer para conocer el valor seleccionado.
Para esto al hacer click en el boton enviar, se ejecuta la siguiente funcion de javascipt:
-
function enviar(){
-
for(i=0; i <document.forma.opcion.length; i++){
-
if(document.forma.opcion[i].checked){
-
valorSeleccionado = document.forma.opcion[i].value;
-
}
-
}
-
}
Ya con esto tenemos el valor seleccionado en la variable "valorSeleccionado" y podemos utilizar esta informacion para validaciones u otros apectos antes de submitir la forma.
8 Responses to “Obtener el valor de un RadioButton con Javascript”
By Carlos on Feb 17, 2009 | Reply
Esta bn tu ejemplo solo kitale el “$” a tu “i” xD xq es JAVASCRIPT no PHP
function enviar(){
for(i=0; “$i” <document.forma.opcion.length; i++){
if(document.forma.opcion[i].checked){
valorSeleccionado = document.forma.opcion[i].value;
}
}
}
By Titux on Feb 19, 2009 | Reply
ups, cierto, tienes toda la razon. Sorry, aveces me confundo entre lenguajes.
Gracias y saludos…
By Jeannette on Mar 9, 2009 | Reply
saludos
estoy generando los radiobutton segun los resultados de una consulta a mysql, el problema es que cuando el resultado solo es uno , es decir, cuando solo tengo un radiobutton no puedo obtener su valor no funciona el script. de antemano muchas gracias
By Dan on Aug 26, 2009 | Reply
Excelente informacion camarada, me sirvio muchisimo.
Gracias!!
By Renzomaru on Aug 31, 2009 | Reply
si pero eso seria dentro de
…
pero como seria con
By Renzomaru on Aug 31, 2009 | Reply
ash no se ve
aver si con esto…
si pero eso seria dentro de de un script osea con “<script”
pero como seria dentro de unos scriptlets osea
con “<%”
By Alberto Magno on Sep 2, 2009 | Reply
Genial!!!, gracias…
By alan on Apr 21, 2010 | Reply
it donot fucking work all of that