radios y textos ocultos

Mirovita · #1 (**permalink**) 11/04/2006, 13:39

hola a todos, queria ver si alguien puede ayudarme con esto:

necesito colocar tres radios y que cuando presione cada uno me aparezca una opcion; por ejemplo:

Radio1:Obras
-Materiales: (Texto)
-Equipos: (Texto)
-Mano de Obra Técnica: (Texto)
-Gastos Médicos: (Texto)
-Administración: (Texto)
-Utilidades: (Texto)

Radio2:Servicios
-Honorarios Profesionales: (Texto)
-Equipos: (Texto)
-Gastos Reembolsables: (Texto)

Radio3:Suministros
-Suministros: (Texto)

lo que quiero es q los textos esten escondidos y aparezancan cuando presiono el radio...

podrian ayudarme por favor...

gracias de antemano

jahepi · #2 (**permalink**) 11/04/2006, 15:34

Hola!

Espero que sea algo así, lo primero va en la cabecera de tu página:

Código:

<script language="javascript">
function Visible($capa){
   document.getElementById("capa"+$capa).style.visibility = "visible";
}
</script>

Y te puse lo de los radio botones en una tabla:

Código HTML:

<table width="353" border="1">
  <tr>
    <td width="98"><input name="radio1" type="radio" value="radiobutton" onclick="Visible(1);" /></td>
    <td width="708"><div id="capa1" style="visibility:hidden">Texto 1 </div></td>
  </tr>
  <tr>
    <td><input name="radio2" type="radio" value="radiobutton" onclick="Visible(2);"/></td>
    <td><div id="capa2" style="visibility:hidden">Texto 2 </div></td>
  </tr>
  <tr>
    <td><input name="radio3" type="radio" value="radiobutton" onclick="Visible(3);"/></td>
    <td><div id="capa3" style="visibility:hidden">Texto 3 </div></td>
  </tr>
</table>

Un saludo!

caricatos · #3 (**permalink**) 11/04/2006, 16:43

Hola:

Yo suelo usar objetos...

Mira si te sirve este ejemplo:

Código:

<html>
<head>
<title>
	Prueba
</title>
<script type="text/javascript">
function datos(t1, t2, t3, t4, t5, t6) {
this.t1 = t1;
this.t2 = t2;
this.t3 = t3;
this.t4 = t4;
this.t5 = t5;
this.t6 = t6;
}
var elementos = new Array();
elementos["tipo1"] = new datos(true, false, true, false, true, false);
elementos["tipo2"] = new datos(true, true, true, false, false, false);
elementos["tipo3"] = new datos(false, true, false, true, false, true);

function poner(f, que) {
for (x in elementos[que])
 f[x].disabled = elementos[que][x];
}
</script>
</head>
<body >
<form name="prueba">
<input type="text" name="t1" value="t1" />
<br />
<input type="text" name="t2" value="t2" />
<br />
<input type="text" name="t3" value="t3" />
<br />
<input type="text" name="t4" value="t4" />
<br />
<input type="text" name="t5" value="t5" />
<br />
<input type="text" name="t6" value="t6" />
<br />
<input type="radio" value="tipo1" onclick="poner(this.form, this.value)" />
<input type="radio" value="tipo2" onclick="poner(this.form, this.value)" />
<input type="radio" value="tipo3" onclick="poner(this.form, this.value)" />

</form>
</body>
</html>

En vez de habilitar o deshabilitar los elementos para tus objetivos sería mejor ocultases / mostrases los elementos.

Saludos

Mirovita · #4 (**permalink**) 12/04/2006, 08:21

muchas gracias chicos ya lo hice y me funciono le agradezco su ayuda....