radiobutton que devuelva un valor

flashtkd · #1 (**permalink**) 12/01/2009, 09:03

al seleccionar un item del radiobutton, mostrar el valor dado.

Ejemplo:

Código HTML:

<script type="text/javascript">

for (i = 0; i < radio.length; i++)

if radio[i].checked = true and value.windows ;
document.write("windows");

if radio[i].checked = true and value.linux ;
document.write("linux");

if radio[i].checked = true and value.osx;
document.write("osx");

if radio[i].checked = true and value.other ;
document.write("other");

}
</script>

<form name="form">
<input type="radio" name="so" value="windows">Windows
<input type="radio" name="so" value="linux">Linux
<input type="radio" name="so" value="osx">OSX
<input type="radio" name="so" value="other">Other
</form>

no me hace nada

.. no entiendo el porque.

refreegrata · #2 (**permalink**) 12/01/2009, 09:56

Bueno, la verdad es que la sintaxis que usas esta en muchas partes incorrecta. Yo creo que podrias crear un elemento como un span al que dependiendo de la opcion seleccionada le cambies el texto.
Escribe algo como esto:

<input type="radio" name="so" value="windows" onclick="reeemplazar('Windows')" />Windows
<input type="radio" name="so" value="linux" onclick="reeemplazar('Linux')" />Linux
<input type="radio" name="so" value="osx" onclick="reeemplazar('OSX')" />OSX
<input type="radio" name="so" value="other" onclick="reeemplazar('Other')" />Other
<br />
<span id="seleccion"></span>

y crea una funcion que haga algo como esto:

function reeemplazar(texto)
{
var span=document.getElementById('seleccion');
try
{
span.removeChild(span.childNodes.item(0));
}
catch (e)
{
}
span.appendChild(document.createTextNode('Seleccio n :'+texto));
}

ZiTAL · #3 (**permalink**) 12/01/2009, 10:08

Para empezar no tienes ningún evento en los radiobuttons, que en este caso sería onclick y luego no tienes una función para llamarla en el evento. Ejemplo simple:

Código HTML:

<html>
<head>
	<script type="text/javascript">
	function a(esto)
	{		
		document.getElementById('resultado').innerHTML=esto.value;
	}
	</script>
</head>
<body>
	<form>
		<input type="radio" name="so" value="windows" onclick="a(this)" />Windows <br />
		<input type="radio" name="so" value="linux" onclick="a(this)" />Linux <br />
		<input type="radio" name="so" value="osx" onclick="a(this)" />OSX <br />
		<input type="radio" name="so" value="other" onclick="a(this)" />Other <br />
	</form>
	<div id="resultado">result...</div> 
</body>
</html>