Função para mostrar/esconder elementos com Javascript.

Hoje vou mostrar uma funçãozinha simples, que pode vir a ser útil para o desenvolvimento WEB.
O que ela faz? Há um checkbox na página, que ao ser selecionado exibe elementos até então ocultos (no nosso caso,os que se encontram na div “experiencia”.

 JAVASCRIPT:
function exibe(id) {  
   if(document.getElementById(id).style.display==”none”) {  
        document.getElementById(id).style.display = “inline”;  
    }    
    else {  
        document.getElementById(id).style.display = “none”;  
    }     
}
No HTML:
 <input type=”checkbox” id=”escolha” onclick=”exibe(‘experiencia’);” />

…….

 <div id=”experiencia” style=”display:none”>
<!– Aqui vai o conteúdo a ser exibido–>

➡ Observe as figuras abaixo para ver como funciona.

Ao clicar no checkbox….

Anúncios

4 comentários sobre “Função para mostrar/esconder elementos com Javascript.

  1. Muito Legal.

    Mas preciso de algo parecido.

    Estou precisando fazer um formulario imenso com varias caixas de seleção. Preciso que as proximas caixas de seleção estejam ocultas e so aparareçam quando a opção da primeira caixa seja escolhida.

    Para me expressar melhor.

    Sou representante comercial de uma empresa. Nessa empresa eu conto com 120 produtos em 8 categorias diferentes. E prazos de pagamento diferentes de acordo com cada categoria (e as vezes produtos.

    Para fazer um formulario desse preciso que ao escolher uma categoria, chame as proximas caixas de seleção com os produtos dessa mesma categoria.

    Podem me ajudar?

    Grato

Deixe um comentário

Preencha os seus dados abaixo ou clique em um ícone para log in:

Logotipo do WordPress.com

Você está comentando utilizando sua conta WordPress.com. Sair / Alterar )

Imagem do Twitter

Você está comentando utilizando sua conta Twitter. Sair / Alterar )

Foto do Facebook

Você está comentando utilizando sua conta Facebook. Sair / Alterar )

Foto do Google+

Você está comentando utilizando sua conta Google+. Sair / Alterar )

Conectando a %s