como ocultar informacion???

[chumy_]

Buenos dias, necesito hacerles una consulta.

Como dice el titulo del post, necesito saber como ocultar parte de la pagina, y que esta sea mostrada al marcar o hacer click en una casilla de verificacion.

Les explico que es lo que necesito en forma concreta.

Tengo un formulario en PHP el cual graba los datos en una base de datos MySQL. En este formulario tengo las opciones de Cocina, Calefont, Calefactor, Otros, y cada una de estas opciones tiene diferentes fallas.

Lo que quiero es que al marcar la casilla de Cocina me despliegue el listado de opciones, diferente para cada uno.

Es posible hacer eso? lo pregunto porque no me manejo con JS y al parecer es la unica opcion que tengo...

Gracias

[maycolalvarez]

creo que te refieres a selects dependientes, se implementan usando AJAX

[cristian_cena]

Hola, seguro esta respuesta no cubrirá el 100% de tu pregunta, pero te hice un ejemplo, que puede servirte para ver como manejar el checkbox:

Código HTML:

​<input type="checkbox" id="check">
<div id="pagina" class="inactivo">Lorem ipsum ...</div>​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​
 

Código CSS:

.inactivo{ display: none;  }
.activo  { display: block; }
 

Código Javascript:

window.onload = function(){
    var check  = document.getElementById("check");
    var pagina = document.getElementById("pagina");
    
    check.onclick = function(){
        if(check.checked){
            pagina.setAttribute('class','activo'); 
        }
        else{
            pagina.className = "inactivo";            
        }
    }
}
 

Saludos.

[chumy_]

muchas gracias, hare algunas pruebas!!!