Ir para conteúdo

POWERED BY:

Arquivado

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

mdx67

Formulário [checkbox]

Por , em Javascript

Recommended Posts

mdx67    0

mdx67
Postado

Eai pessoal, sou novo no desenvolvimento de Ajax, e estou fazendo um formulário e umas das funções que quero fazer é assim...

 

O usuário vai marcar em um checkbox uma opção e abaixo dele vai abrir outras opções relacionadas aquela opção marcada primeiro. Eu consegui um código de exemplo, só que nesse código ele faz isso só que se eu desmarcar a opção ele não recolhe aqueles que são relacionados a ela...

 

<html>
<header>
        <script type="text/javascript" src=" https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
        <script>
                function radioBtn(opcao){

                        switch(opcao){

                             case 'sim':
                             document.getElementById('naoi').disabled=true;
                             $("#sim").fadeIn(200);
                             break;

                             case 'nao':
                             document.getElementById('simi').disabled=true;
                             $("#nao").fadeIn(200);
                        }
                }
        </script>
</header>
<body>
        <form action="" type="POST" id="formbanco" onsubmit="return validaOpcoes()">
                <p>Sua empresa tem banco de dados?</p><br>
                <input type="checkbox" value="1" id='simi' onchange="radioBtn('sim')">SIM<br>
                <div id="sim" style="display:none">
                        <input type="checkbox" class="boxes" name="dc"/>Dados Cadastrais<br>
                        <input type="checkbox" class="boxes" name="hv"/>Historico de valores</br>
                        <input type="checkbox" class="boxes" name="hp"/>Historico de produtos</br>
                </div>
                <input type="checkbox" value="2" id='naoi' onchange="radioBtn('nao')">NAO<br>
                <div id="nao" style="display:none">
                        <input type="checkbox" class="boxes" name="nu"/>Nunca utilizei<br>
                        <input type="checkbox" class="boxes" name="nf"/>Não sei como fazer</br>
                        <input type="checkbox" class="boxes" name="ft"/>Falta de tempo</br>
                </div>
                <input type="submit" value="enviar"/>
        </form>
</body>
</html>

 

Então o que eu preciso é que ele recolha as opção relacionadas a ele quando desmarcado...

 

Vlwww!

Compartilhar este post

Link para o post
Compartilhar em outros sites

mdx67    0

mdx67
Postado

Bem eu descobri mais algumas coisas

 

tem o método contrario do faceIn, o faceOut que faz o contrario...

 

mas eu tentei colocar um if, mas não consegui pegar se ele esta ou não selecionado

 

algo tipo "checked"

 

algum sabe como eu faço isso????

 

Obrigado

Compartilhar este post

Link para o post
Compartilhar em outros sites

mdx67    0

mdx67
Postado

Eai Bergs, eu olhei essa função. Mas pelo que entendi ele funciona quando eu tiro o foco... Eu precisaria de um if ali mesmo, mas não sabendo fazer...

Compartilhar este post

Link para o post
Compartilhar em outros sites

mdx67    0

mdx67
Postado

Bergs, o link ajudou também. Eu fiz umas pesquisas e achei o que tava procurando, é bem simples na verdade mas pra mim que to aprendendo ainda parecia bem difícil.

 

switch(opcao){
                   case 'sim':
                       var aChk = document.getElementById("simi");    
                       if (aChk.checked == true){  
                           $("#sim").fadeIn(200); 
                       }  else {
                           $("#sim").fadeOut(200);
                       }
                       break;

               }

 

Como eu disse bem simples, foi um bom aprendizado. Obrigado pela ajuda e espero que essa duvida também ajude outros!

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