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

Acredito que a maior dificuldade de quem tem blog, é achar um bom título 🙂

Aprenda neste post, como obter os valores de um array de checkboxes. Para ter um array de checkbox, o valor do atributo name deve ter o mesmo nome acrescido de chaves ([]).

Veja exemplo abaixo:

<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" />

Como pegar e enviar 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: "enviarDados.php",
  data: {'checkeds':checkeds},
  success: function(data){
    console.log(data);
  }	
});

Para obter os valores no PHP:
enviarDados.php

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

Fim.

2 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

Deixe uma resposta

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