Ocultar campos en un formulario

Hola Claber pues la pregunta es la siguiente :

puedo ocultar campos en un formulario dependiendo de ciertas condiciones, es decir, puedo tener 10 campos en un formulario y ocultar 8 si una condicion se cumple o no.

espero darme a entender ...

Saludos !!

Claro, puedes hacerlo de 2 formas, desde el servidor o desde el cliente. Yo prefiero hacerlo desde el cliente con javascript.

La cuestión seria encerrar todos los campos, labels y demás etiquetas dentro de un div. Si se cumple la condición por javascript le agregas el estilo "display:none;" al div; pero si no se cumple, que se mantenga asi "display:block;".

Es fácil, si necesitas algo más exacto avisas, saludos.

Si se puede, el siguente code lo pones dentro del head

Código :

<script language="javascript">
function habilitaDeshabilita(check,enable){
checkboxvar=document.getElementById(check).checked;
inputvar=document.getElementById(enable);
      if (checkboxvar == false)
       {
         alert(" el contenido estará visible ");
          inputvar.style.visibility="visible";
                    inputvar.style.display="block";
       }
      if (checkboxvar == true)
       {
         alert(" el contenido estará  insisible ");
          inputvar.style.visibility="hidden";
                    inputvar.style.display="none";
       }
}
</script>

Lo que hace es revisar el estado de un checkbox (primer parámetro), luego lo revisa y dependiendo de eso hace un cambio al estilo de un elemento del formulario que debe de tener como id, el segundo parámetro que le enviaste a la funcion.

La forma de utilizarlo seria la siguiente, se estaria revisando el chekbox con id prueba y efectuando el cambio en el estilo del elemento con id hello

Código :

<input type="checkbox" name="checkbox" value="checkbox" id="prueba"  onclick="habilitaDeshabilita('prueba','hello')">

espero te sirva de Guia para hacer lo que necesitas

Pd. Se me adelanto NEO_JP

Gracias Amigos lo voy a implementar ...

Saludos !!

Juas, pues yo he hecho eso muchas veces en un proyecto cms, aunque algo más estilizado con DOM. Como no quiero poner mi código que es un poco más complicado por el DOM solo trataré de "optimizar" el tuyo, Hg.

Código :

<script type="text/javascript">
    function habilitaDeshabilita(check,enable){
        var checkboxvar = document.getElementById(check).checked;
        var inputvar = document.getElementById(enable);
    
        if (checkboxvar) {
            inputvar.style.display="none";
        } else {
            inputvar.style.display="block";
        }
    }
</script>

PD: Hg, te recomendaria que empieces a usar el type en vez de language, uses variables locales en vez de globales y si es posible uses nombres de variables más "semánticos".

Bofhetada. Muy buen code, JP...