Ir para conteúdo

POWERED BY:

Arquivado

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

luan_alves

[Resolvido] selecionar checkbox

Por , em Javascript

Recommended Posts

luan_alves    3

luan_alves
Postado

bom dia a todos

estou com a seguinte duvida eu tenho varios checkbox, cada um com os id diferentes só os names que são iguais, porem eu não sei como eu faço para selecionar com javascript apenas os que foram selecionados.

tipo eu tenho 5 check só que eu só selecionei 3 eu gostaria de pegar os valores destes 3.

Compartilhar este post

Link para o post
Compartilhar em outros sites

Thiago Retondar    18

Thiago Retondar
Postado

Pesquise sobre a propriedade checked.

 

Pegue os elementos pelo document.getElementsByName() e isso retornará um Array. Faça um loop para percorrer cada índice desse array. Dentro do loop, faz a verificação se está checked ou não. Um exemplo:

 

 

 

<!DOCTYPE html>
<html lang="pt-BR">
   <head>
       <meta charset="UTF-8" />
       <title>Pegando valores do checkbox</title>
       <style type="text/css">
           label { display: block; }
       </style>
       <script type="text/javascript">
       window.onload = function(){
           document.getElementsByName('name_form')[0].onsubmit = function(){
               var campos  = document.getElementsByName('name_cb'),
                   camposL = campos.length,
                   resultado = "";

               for(var i = 0; i < camposL; i++)
                   if(campos[i].checked)
                       resultado += campos[i].value + "\n";

               alert(resultado);
           };
       };
       </script>
   </head>
   <body>
       <form method="post" action="" name="name_form">
           <label>
               <input type="checkbox" name="name_cb" value="valor 1" id="vl1" /> Valor 1
           </label>
           <label>
               <input type="checkbox" name="name_cb" value="valor 2" id="vl2" /> Valor 2
           </label>
           <label>
               <input type="checkbox" name="name_cb" value="valor 3" id="vl3" /> Valor 3
           </label>
           <label>
               <input type="checkbox" name="name_cb" value="valor 4" id="vl4" /> Valor 4
           </label>
           <label>
               <input type="checkbox" name="name_cb" value="valor 5" id="vl5" /> Valor 5
           </label>
           <button type="submit" name="enviar">Enviar</button>
       </form>
   </body>
</html>

 

Ele armazena os valores numa var resultado e depois exibe em um alert()

:thumbsup:

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