Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

Igor FV

Mostrar e ocultar DIV com checkbox... como?

Por , em Javascript

Recommended Posts

Igor FV    0

Igor FV
Postado

Boa noite amigos, alguem poderia postar um codigo que quando clicar num checkbox, apareça um determinada DIV e quando desmarcar a DIV desapareça...Alguem tem um exemplo com a DIV e tudo?Vlw ... amigos...

Compartilhar este post

Link para o post
Compartilhar em outros sites

danielvlopes    0

danielvlopes
Postado

Fiz rapidim, dentro do if passei para a propriedade dislay do div none (para não aparecer) e block para aparecer mas ao invés do block você pode usar as outras propriedades de display do div.

 

<html><head><title>Untitled Document</title><script  type="text/javascript">function bloqueio() {	if (document.getElementById("divprincipal").style.display == "none") 	  { 		  document.getElementById("divprincipal").style.display = "block";	  }	else	  {		  document.getElementById("divprincipal").style.display = "none";	  	  }  }</script></head><body><div id="divprincipal" align="center" style="width:500; height:500; display: block">TESTE TESTE TESTE TESTE TESTE</div><p>  <label>  <input type="checkbox" name="checkbox" value="checkbox" onclick="bloqueio()" />  EXIBIR</label></p></body></html>

http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

Compartilhar este post

Link para o post
Compartilhar em outros sites

4.b    0

4.b
Postado

Olá amigos,vou pegar uma carona.Preciso da mesma coisa porem quem chama o OnClick é um link:<a href="#" onclick="bloqueio()">Liberar</a>Funcionou perfeito no IE 6 e 7. Porem não funfa pelo FireFox, alguem pode dar uma dica?

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Javascript
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito