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.
