1

Olá, gostaria de como saber como eu faço para pegar os valores do campo value de varios checkboxes selecionados e guardar em uma variavel jquery separado por virgulas, mas sem usar o campo id, já que ele já está sendo usado em uma label.

2 Respostas 2

3

Podes usar simplesmente $(':checked') como seletor ou ser mais explícito e usar $('input[type=checkbox]:checked').

Para passar para uma array podes usar o .get()combinado com .map() que converte uma coleção jQuery numa array nativa e depois vai buscar o value a cada elemento/objeto dessa array. Para passar para string (julgo ser isso que queres) basta fazer .toString() ou .join(',');

var valores = $(':checked').get().map(el => el.value).join(',');
console.log(valores);
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="checkbox" value="a">
<input type="checkbox" value="b">
<input type="checkbox" value="c" checked="true">
<input type="checkbox" value="d" checked ="true">

7
  • Mas esse ele não é dinâmico é? porque pelo que eu vi quando executa o codigo ele já faz a verificação de qual está checado, mas se eu checar outros checkboxes ele não faz a alteração do resultado.. 8/10/2016 às 19:22
  • @AlfredoLima podes explicar melhor o que chamas de ser dinamico? ou explicar o que gostavas que o programa fizesse.
    – Sergio
    8/10/2016 às 19:24
  • é que por exemplo eu executei o seu codigo, e ele já me retornou o resultado em baixo dos que estão marcados como checked="true" mas quando eu clico em outro checkbox ele não altera pra mim o resultado lá em baixo, ele continua exibindo os parametros que vc passou via html 8/10/2016 às 19:27
  • @AlfredoLima nesse caso tens de ter um auscultador de evento .on('change' mas não dá para adivinhar isso da tua pergunta. Vou juntar um exemplo daqui a pouco...
    – Sergio
    8/10/2016 às 19:29
  • Beleza valeu! aguardo. 8/10/2016 às 20:15
1

Você tem vários jeitos de trabalhar isso.

Para pegar o valor do check box vc pode fazer o seguinte

$("input[type='checkbox']").val();

ou se vc setar uma classe ou id dessa forma

$('#check_id').val();
$('.check_class').val();

No entanto, este retornará o mesmo valor se ela está marcada ou não, isso pode ser confuso, pois é diferente ao comportamento formulário apresentado. àra verificar se esta checkado ou nao vc usa da seguinte fomra:

if ($('#check_id').is(":checked"))
{
  // it is checked
}

no seu caso essa função abaixo deve resolver

 $(".checkboxClass").click(function(){
  var selectedCountry = new Array();
  $(".checkboxClass:checked").each(function(){

    selectedCountry.push($(this).val());
  });
  $(".exibirSelecao").html(selectedCountry.join('<br>'));
});

vc deve por a classe .checkboxClass em todos checkbos que deseja obter o valor

crie uma div com a classe exibirSelecao

5

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .