JQuery: Obter todos os valores selecionados de um array de checkbox

Aprenda neste post, como obter os valores de um array de checkboxes.

Para ter um array de checkbox, o atributo name deve ter o mesmo nome acrescido de chaves ([]).

<input type="checkbox" name="checks[]" value="1" />
<input type="checkbox" name="checks[]" value="2" />
<input type="checkbox" name="checks[]" value="3" />
<input type="checkbox" name="checks[]" value="4" />
<input type="checkbox" name="checks[]" value="5" />

#Passando os valores dos checkboxes selecionados via JQuery

var checkeds = new Array();
$("input[name='checks[]']:checked").each(function ()
{
   // valores inteiros usa-se parseInt
   //checkeds.push(parseInt($(this).val()));
   // string
   checkeds.push( $(this).val());
});
 
$.ajax({
  type: "POST",
  url: "enviar_dados.php",
  data: {'checkeds':checkeds},
  success: function(data){
    console.log(data);
  }	
});

# enviar_dados.php: recebendo os valores

$checkboxes = $_POST['checkeds']; // array
$count = count($checkboxes);
for ($i=0;$i<$count;$i++){
  echo $checkboxes[$i]."<br>";
}

Fim.

3 comentários em “JQuery: Obter todos os valores selecionados de um array de checkbox

  • 19 de julho de 2015 em 23:24
    Permalink

    Muito bom o post simples e pratíco

    muito obrigado ajudou muito

    Resposta
  • 22 de junho de 2016 em 0:33
    Permalink

    Ótimo, salvou minha pele. Te devo um gelada.

    Resposta
  • 12 de fevereiro de 2019 em 22:27
    Permalink

    man, como envio essa informação para phpmyadmin sem necessidade de ‘clicar’ para ‘enviar’, e que a opçao marcada nao desapareça ao dar F5 na pág.
    me ajuda

    Resposta

Deixe uma resposta

O seu endereço de e-mail não será publicado. Campos obrigatórios são marcados com *