radiobuttons

mamon · #1 (**permalink**) 26/07/2004, 03:52

Hola, tengo este codigo:

Bueno:<input type="radio" name="voto" value="1">
<br>
Malo:<input type="radio" name="voto" value="2">
<br>
Otros:<input type="radio" name="voto" value="3">

y quiero q cuando alguien haga click en el tercer radiobutton, abajo se ponga este codigo, eso si.. q la página no se refresque.

<br><input type="text" name="otros">

también puede ser que la página cuando se carga ya esté el tercer radiobutton activado, e igual, si es asi tiene q aparecer el campo de texto.. espero me puedan ayudar, no creo q sea muy dificil.

GRACIAS DE ANTEMANO

soniagrande · #2 (**permalink**) 26/07/2004, 05:30

Lo que puedes hacer es que el textfield este desde el principio en la pagina pero que no este visible al usuario, luego en función de que radiobutton seleccionen lo muestras o no, sería algo asi:

Código HTML:

Bueno:<input type="radio" name="voto" value="1" onClick="mostrarOtros()">
<br>
Malo:<input type="radio" name="voto" value="2" onClick="mostrarOtros()">
<br>
Otros:<input type="radio" name="voto" value="3" onClick="mostrarOtros()">
<br><input type="text" name="otros" style="display:none">

Y la funcion que controla que muestre o no el textfield es:

Código HTML:

function mostrarOtros(){
	var radios = document.getElementsByName("voto");
	if(radios[2].checked){
		//mostrar el textfield
		document.getElementById("otros").style.display="block";		
	}
	else{
		//ocultar el textfield
		document.getElementById("otros").style.display="none";		
		//aqui puedes aprovechar para borrar lo que te hayan podido escribir en 
		//otros si es que no te interesa
		document.getElementById("otros").value = "";
	}
}

Además para controlar lo de que al principio también puede estar seleccionado el radiobutton correspondiente a otros lo que tienes que hacer es llamar la funcion mostrarOtros nada mas cargar la pagina:

<body onload="mostrarOtros()">

espero que esto te sirva.

Abelius · #3 (**permalink**) 26/07/2004, 06:55

Esta bueno esto! :) :) :)

mamon · #4 (**permalink**) 26/07/2004, 12:43

Gracias.. Me Salvaste=)