[SOLUCIONADO] Mostrar y ocultar parte de un formulario html?

chrisdawill · #1 (**permalink**) 12/11/2013, 15:24

Buenas, ocupo ayuda con un formulario que estoy trabajando. Queria saber si hay una funcion para mostrar y ocultar una parte del formulario html al dar check a un checkbox? me urge he estado buscando y no encuentro nada.

_Neon · #2 (**permalink**) 12/11/2013, 15:25

Si yo tengo tambien esa duda, no he visto forma alguna, creo que hay q usar javasript

chrisdawill · #3 (**permalink**) 12/11/2013, 15:30

jajaja, llamenme impaciente.. pero ya encontre la solucion, se la dejo a alguien mas que la necesite.

<html>
<head>
<title>CB Hide/Show</title>
<script type="text/javascript">

</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>

chrisdawill · #4 (**permalink**) 12/11/2013, 15:31

Cita:

Iniciado por _Neon

Si yo tengo tambien esa duda, no he visto forma alguna, creo que hay q usar javasript

si es con javascript, encontre un codigo muy simple y util es el que use. Espero te funcione. :D

pzin · #5 (**permalink**) 12/11/2013, 15:40

Si son elementos hermanos, algo puede hacerse con sólo HTML y CSS:

Código HTML:

Ver original<input type="checkbox">
<div>mostrar/ocultar</div>

Código CSS:

Ver originalinput ~ div {
  display: none;
}
 
input:checked ~ div {
  display: block;
}