radio button con imagen

KFreeman · #1 (**permalink**) 16/01/2007, 03:45

Hola, queria solicitar ayuda para conseguir que en un formulario donde hay unos radio button, pudiese cuando se seleciona uno de ellos mostrar una imagen. Es decir que al hacer clic en cada radio button aparezca una imagen al lado. En alguna ocasión vi algo asi pero no logro encontrarlo.
Si alguien pudiese ayudarme se lo agradezco.
Saludos y gracias.

JavierB · #2 (**permalink**) 16/01/2007, 04:45

Hola KFreeman

Prueba este código:

Código PHP:

  <html>
<head>
<script type="text/javascript" language="javascript">
function mostrar(frm,num) {
  for (i=0; im=frm.getElementsByTagName('img')[i]; i++)
    im.style.visibility = (i==num) ? 'visible' : 'hidden';
}
</script>
</head>

<body>
<form>
<input type="radio" name="rad" onclick="mostrar(this.form,0)" />
<img src="imagen1.gif" style="visibility:hidden" /><br />
<input type="radio" name="rad" onclick="mostrar(this.form,1)" />
<img src="imagen2.gif" style="visibility:hidden" /><br />
</body>
</html>

Saludos,