Paso de parámetros de radio button
Cuando tienes un formulario con un radio button:
<form action="..." name="nombre_formulario" method="..."> <INPUT type="radio" name="var1" value="1">Blanco <INPUT type="radio" name="var1" value="2">Negro <input type="button" value="Elige color"...> </form>y quieres recuperar el valor de la variable var1 haciendo:
var color=window.document.nombre_formulario.var1.value; alert (color);No recoge el valor del color seleccionado. Al abrir la ventana de alert aparece "undefined". Así que mi pregunta es ¿cómo puedo recuperar el valor de esta variable? ¿Qué estoy haciendo mal?
1 Respuesta
Respuesta de ivanespin
1
Es fácil, si tu ejemplo es lo que más o menos quieres hacer, has nombrado a los dos objetos radio con el mismo nombre, por lo tanto para acceder a sus valores te tienes que referir a ellos como si fueran arrays, de echo lo son.
El código es el siguiente:
/*******************************
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
</HEAD>
<BODY>
<form action="..." name="nombre_formulario" method="...">
<INPUT type="radio" name="var1" value="1">Blanco
<INPUT type="radio" name="var1" value="2">Negro
<input type="button" value="Elige color"...>
</form>
<SCRIPT LANGUAGE="JavaScript">
<!--
var color=window.document.nombre_formulario.var1[1].value;
alert (color);
//-->
</SCRIPT>
</BODY>
</HTML>
************************************/
Así accedes al segundo elemento del array, que empieza en 0 : window.document.nombre_formulario.var1[1].value;
Así al primer elemento: window.document.nombre_formulario.var1[0].value;
Y si nombrases más radio button, u otro objeto, varias veces conel mismo nombre sería igual la forma de acceder a sus valores.
El código es el siguiente:
/*******************************
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
</HEAD>
<BODY>
<form action="..." name="nombre_formulario" method="...">
<INPUT type="radio" name="var1" value="1">Blanco
<INPUT type="radio" name="var1" value="2">Negro
<input type="button" value="Elige color"...>
</form>
<SCRIPT LANGUAGE="JavaScript">
<!--
var color=window.document.nombre_formulario.var1[1].value;
alert (color);
//-->
</SCRIPT>
</BODY>
</HTML>
************************************/
Así accedes al segundo elemento del array, que empieza en 0 : window.document.nombre_formulario.var1[1].value;
Así al primer elemento: window.document.nombre_formulario.var1[0].value;
Y si nombrases más radio button, u otro objeto, varias veces conel mismo nombre sería igual la forma de acceder a sus valores.
