Mostrar y ocultar formulario desde un checkbox

Webmaster
 German Reyna Publicado el Lunes 11 de Enero de 2010 a las 5:14pm 

Si queremos ofrecer a nuestros visitantes la opcion de mostrar o ocultar campos de formulario, este script puede ser muy util. Al pulsar sobre el checkbox se muestra u oculta una lista desplegable. Ademas de utilizar javascrit utiliza css y layers o capas.

<html>
<head>
<title>CB Hide/Show</title>
<script type="text/javascript">
<!--
function showMe (it, box) {
var vis = (box.checked) ? "block" : "none";
document.getElementById(it).style.display = vis;
}
//-->
</script>
</head>
<body>
<h3 align="center"> This JavaScript shows how to hide divisions </h3>

<div id="div1" style="display:none">
<table border=1 id="t1">
<tr>
<td>i am here!</td>
</tr>
</table>
</div>


<form>
<input type="checkbox" name="c1" onclick="showMe('div1', this)">Show Hide Checkbox
</form>
</body>
</html>
 

Promedio de evaluacion: 9 (4 votos)
‹ Codigo de Ejemplo para Ocultar campos con JavaScript Formularios en HTML ›
  • Compartir
  • Inicie sesión o regístrese para comentar
  • ¿Contenido Defectuoso?
  • 2658 Lecturas

Temas Relacionados

Temas vistos en este momento...

Usuarios viendo: