jQuery valori di casella di controllo in elenco separato da virgola

Question

Ho diverse caselle di controllo con un array di nomi e voglio che l'output delle caselle spuntate sia una variabile con un elenco separato da virgole.

<input type="checkbox" name="example[]" value="288" /> 
<input type="checkbox" name="example[]" value="289" /> 
<input type="checkbox" name="example[]" value="290" /> 

Per esempio se la prima e ultima casella è selezionata l'uscita sarà:

var output = "288,290"; 

Come posso fare questo con jQuery?

Answer 1

Attualmente non-testati, ma credo che il seguente dovrebbe funzionare:

var valuesArray = $('input:checkbox:checked').map(function() { 
    return $(this).val(); 
}).get().join(); 

cura, dopo una piccola pausa, per usare DOM nativo, piuttosto che $(this).val() (che è inutilmente costoso, nel contesto):

var valuesArray = $('input:checkbox:checked').map(function() { 
    return this.value; 
}).get().join(","); 

Answer 2

È possibile utilizzare :checkbox e selettore di attributo name (:checkbox[name=example\\[\\]]) per ottenere l'elenco della casella con name="example[]" e quindi è possibile utilizzare :checked filtro per ottenere solo il Selec casella di controllo

Quindi è possibile utilizzare la funzione .map per creare una matrice dalla casella di controllo selezionata.

DEMO

var output = $.map($(':checkbox[name=example\\[\\]]:checked'), function(n, i){ 
     return n.value; 
}).join(','); 

Answer 3

var valuesArray = $('input[name="valuehere"]:checked').map(function() { 
     return this.value; 
     }).get().join(","); 

per me funziona sempre