mostrar y ocultar <div> con checkbox.

damian
28 de Septiembre del 2005
hola:

lo que quiero hacer es que al activar un checkbox me muestre lo que tengo dentro de un <div></div> o una tabla
y que cuando lo desactive se oculte.

espero me puedan ayudar.
gracias de antemano,
damian

Drocher
28 de Septiembre del 2005
Buenos días,

Para ello utiliza la propiedad display que puede tener los valores block (se visualiza) o none (oculto).
Lo puedes usar para casi todos los tags de html (div, table, tr, td, etc.)

Por ejemplo:
En el HEAD o dentro de un js
function Visualizar(checked, ObjetoVisualizar)
{
if (checked == true)
displayBLOCK(ObjetoVisualizar);
else
displayNONE(ObjetoVisualizar);
}

En el body
NPUT TYPE=CHECKBOX NAME="chboxDiv" OnClick="Visualizar(this.checked,'DIV1');"> Ver Div
<DIV id="DIV1" style="display:none">
contenido de tu div...
</DIV>

De esta manera, si seleccionas el check se visualizará el DIV.

Espero te sea útil, un saludo

Denis