Davi De Freitas
-
Posts
4 -
Cadastrado em
-
Última visita
-
realmente. mas porque trocar por .on('Click')? sou bem leigo em js. Obrigado pela disposição.
-
Obrigado pela resposta, mas eu testei da maneira que escreveu e não funciona, não mostra o conteúdo. Aproveitando, porque da recomendação ? adicionado 1 minuto depois Muito bom, excelente resposta. Muito obrigado pela ajuda.
-
a sim, tudo bem, obrigado pelo feedback. ta quase funcionando, agora o que acontece e que ao da "run" no código, ao carregar a pagina mostra todas as div, e no caso era pra carregar em oculto, só então depois de "checkar" uma box ele exibir a div selecionada. também, se for possível, ao clicar em outra "checkbox", desmarcar outras. da maneira que esta, se eu clicar em alguma "checkbox", aparece a div marcada, mas com 2 ou mais que eu marcar, marcada. ficar só 1 "checkbox" marcado. Desde já agradeço pela ajuda, fico muito agradecido.
-
Olá, será que alguém de vocês poderia me ajudar ??? estou tentando fazer 4 checkbox horizontal, com as div oculta, e mostrar as div só quando clicar, ate ai eu consegui. Agora preciso que quando "checkar" outra box, a anterior "checkada" feche e mostre a que foi "checkada" por ultimo. podem me ajudar ? segue todo o código. http://pastebin.com/9MFjFkku <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Documento sem título</title> <!-- precisa do arquivo a baixo, baixado. --> <script src="jquery-1.3.2.min.js"></script> <script src="teste/jquery-1.3.2.min.js"></script> <style> /* ESCONDE TODAS AS DIVS */ .divs{display:none;} </style> <script> $(document).ready(function() { // QUANDO CHECKBOX É CHECADO $('.checkbox').click(function() { // ESCONDE TODAS AS DIVS $('.divs').hide(); // PEGA CADA CHECKBOX $('.checkbox:checked').each(function() { // PEGA O VALOR DO CHECKBOX, E ADICIONA AO D DA DIV // D1, D2, .... $('#d'+$(this).val()).show(); // FIM DO EACH }); // FIM DO CLICK }); // FIM DO READY }); </script> <form> 1 <input type="checkbox" class="checkbox" value="1"><br /> 2 <input type="checkbox" class="checkbox" value="2"><br /> 3 <input type="checkbox" class="checkbox" value="3"><br /> 4 <input type="checkbox" class="checkbox" value="4"><br /> </form> <div class="divs" id="d1">div1</div> <div class="divs" id="d2">div2</div> <div class="divs" id="d3">div3</div> <div class="divs" id="d4">div4</div>
Sobre o Clube do Hardware
No ar desde 1996, o Clube do Hardware é uma das maiores, mais antigas e mais respeitadas comunidades sobre tecnologia do Brasil. Leia mais
Direitos autorais
Não permitimos a cópia ou reprodução do conteúdo do nosso site, fórum, newsletters e redes sociais, mesmo citando-se a fonte. Leia mais