Fóruns sobre PHP, JavaScript, HTML, MySQLi, jQuery, Banco de Dados, CSS


Moderador: web

 
Avatar do usuário
ADMIN
ADMIN
Tópico Autor
Mensagens: 17737
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

Mostrar div de acordo com checkbox clicado jQuery

02-08-2013 19:04

Esse script em jQuery mostra a div relacionada com o checkbox clicado.

<script src="jquery.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>

0
A melhor hospedagem para o seu site HostGator!

Quem está online

Usuários navegando neste fórum: Nenhum usuário registrado