al clickear en checkbox mostrar controles
 

tengo un formulario basico, y mas abajo tengo controles adicionales, estos quiero que sean visibles solo cuando se habilita el checkbox. como puedo hacerlo?

Re: al clickear en checkbox habilitar controles
 

Visible o habilitado? en el título pusiste habilitar y en la pregunta dijiste visible, disculpame, pero no es lo mismo amigo. Para habilitar se hace de la siguiente manera:

Digamos que quieras habilitar un botón (al fin y al cabo si fuera un input de cualquier tipo sería lo mismo). OK el botón es este:

<button id="miboton">Mi boton</button>

y este es el check:

<input type="checkbox" onClick="document.getElementById('miboton').disabl ed = !this.checked" /> Habilitar

Pero si quieres jugarte con la visibilidad entonces se hace así:

<input type="checkbox" onClick="setVis(this.value)" /> Habilitar

La función setVis() sería de esta manera:

function setVis(chk) {
var ele = document.getElementById("miboton");
if (chk) ele.style.visibility = 'visible';
else ele.style.visibility = 'hidden';
}

Espero te haya servido.

Re: al clickear en checkbox habilitar controles
 

ahhh era visible, gracias por responder

mmmhh pero segun el segundo codigo, no le agrego anda a los controles que quedaran invisibles?

pd: ahh tengo que colocarle el id=miboton

Pd2: me funciona solo el primero osea lo deshabilita, igual me puedes ervir.....

Re: al clickear en checkbox mostrar controles
 

Ok, mira, obviamente tienes que agregar el id, pero si no te funciona debe ser porque algo habrás escrito mal. especialmente la palabra "visibility" o con la mayúsculas, ya que el JavaScript distingue mayusculas y minúsculas, revísa eso cuidadosamente. Y si aún no te sale, bueno te sirve la primera alternativa.

Re: al clickear en checkbox mostrar controles
 

Si las etiquetas HTML que deseas ocultar son varias, seria recomendable que las colocaras dentro de un contenedor{div}, cosa que solo juegas con este a ocultarlo y mostrarlo, por defecto si lo ocultas el contenido tambien....:patada:

Re: al clickear en checkbox mostrar controles
 

eso me interesa, seria mas facil. seria el mismo codigo, y le agrego el id="miboton"?

Re: al clickear en checkbox mostrar controles
 

Puedes agregar el id que quieras con tal que en la función JavaScript también uses ese mismo id.

Re: al clickear en checkbox mostrar controles
 

haber esto no me resulta, mejor pongo parte del codigo, no pongo todo por que es mucho

en la parte de arriba

y abajo dentro del body

y cierro con /body y /html

Re: al clickear en checkbox mostrar controles
 

El error está en el valor del check, no es value, es checked.

Re: al clickear en checkbox mostrar controles
 

ejale! ahi si

gracias

PD: heyyy, tengo un problema yo pense ke al ocultarlo lo que kedaba abajo del div subia, es que tengo un boton para enviar el formulario y keda muy abajo. tienes idea como arreglarlo

Re: al clickear en checkbox mostrar controles
 

Podrias ponerle height=0px, aunque es raro lo que dices que no ajusta las demas etiquetas html...:patada:

Re: al clickear en checkbox mostrar controles
 

no funciona como tu lo pusiste

lo puse asi y tampoco
<div id="miboton" style="margin : 1px">

Re: al clickear en checkbox mostrar controles
 

Bueno, ya pues amigo, hay que investigar también un poco y no solo andar preguntando. Debes aprender a ser autodidacta. Para estas alturas ya debiste investigar lo que es hoja de estilos, recuerda que todos los estilos se pueden manipular con JavaScript.

En lugar de de cambiarl el estilo "visibility" cambia el estilo "display". Eso hará el trabajo como lo quieres.

Re: al clickear en checkbox mostrar controles
 

sigue igual


<script language="JavaScript">
function setVis(chk) {
var ele = document.getElementById("miboton");
if (chk) ele.style.display = 'visible';
else ele.style.display = 'hidden';
}
</script>

Re: al clickear en checkbox mostrar controles
 

Caramba no es por generar polemica, pero si vas participar en el foro de esa manera mejor no participes. Y no se cambia el estilo si no la propiedad.
Y en cuanto a ti {ElAprendiz}, seria asi:
No es por nada pero siempre recomiendo colocar las llaves aunque sea una linea la que ejecutara el if o while, etc...
Aqui para que investigues un poco mas sobre CSS: CSSYA...:patada:

Re: al clickear en checkbox mostrar controles
 

vale lo voy a probar.

PD:excelente Gracias!

Re: al clickear en checkbox mostrar controles
 

Hola! me interesa tambien saber como poder ocultar el contenido del Div, y que sobretodo el espacio no se quede en blanco, sino que los controles que estan debajo, suban.

muchas gracias!

Re: al clickear en checkbox mostrar controles
 

bueno.. buscando un poco mas por ahi lo he conseguido:

if (chk){
ele.style.display = 'block';
}
else{ ele.style.display = 'none';
}

ahi estaba el asunto, tal como dijo "ElJavista", pero al probarlo la primera vez no me funciono.

saludos!