03/10/2007, 10:58
|
 | Moderador | | Fecha de Ingreso: abril-2002 Ubicación: Torremolinos (Málaga)
Mensajes: 19.607
Antigüedad: 22 años, 8 meses Puntos: 1284 | |
| Re: radio buttons, ocultar y mostra elementos de formulario
Hola: Cita:
Iniciado por Sr.Zzz  Gracias Txumai, eso es mas precisamente los que estaba buscando.
Con lo que encontré no me quede conforme.
... Con poco que hubieras "tocado" mi código, te hubiera servido:
Código:
<html>
<head>
<!--
Simplemente debes hacer un bucle y hacer coincidir (de alguna manera) el valor del radio y la capa...
-->
<script>
var capas = ["capa1", "capa2", "capa3"];
function mostrar(capa) {
for (i = 0, total = capas.length; i < total; i ++)
document.getElementById(capas[i]).style.display = (capas[i] == capa) ? "block":"none";
}
</script>
</head>
<body>
<p>
En este caso las capas deben tener el id como el array capas y el value de los radios el mismo nombre, y en cada radio debes poner onclick="mostrar(this.value)"
</p>
<form>
<input type="radio" name="r" value="capa1" onclick="mostrar(this.value)" />
<input type="radio" name="r" value="capa2" onclick="mostrar(this.value)" />
<input type="radio" name="r" value="capa3" onclick="mostrar(this.value)" />
</form>
<div id="capa1" style="display: none">capa 1</div>
<div id="capa2" style="display: none">capa 2</div>
<div id="capa3" style="display: none">capa 3</div>
</body>
</head>
Saludos 
__________________
Por favor:
No hagan preguntas de temas de foros en mensajes privados... no las respondo |