Как захватить несколько значений из флажков с Jquery

Question

Я в настоящее время имеют эту форму

<form class='lostKittieForm'> 


     <label class="kittieColor"><input type="checkbox" value="Black">Black</label> 
     <label class="kittieColor"><input type="checkbox" value="Brown">Brown</label> 
     <label class="kittieColor"><input type="checkbox" value="White">White</label> 
     <label class="kittieColor"><input type="checkbox" value="Gray">Gray</label> 
     <label class="kittieColor"><input type="checkbox" value="Orange">Orange</label> 
     <label class="kittieColor"><input type="checkbox" value="Multicolored">Multicolored</label> 

     <input type="submit"> 

</form> 

Мой Jquery код пытается захватить все значения проверяются, но по какой-то причине это только захватывая один и «черный»

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

Заранее спасибо!

Answer 1

$("checkbox").each(function(e){ 

var checkVal = $(this).val(); 

}); 

ИЛИ

$('.lostKittieForm input:checked').each(function() { 
    var checkVal = $(this).val(); 
}); // will return the value for "checked" checkboxes 

Цикл будет выполняться для каждого чекбокса, и вы можете получить значение каждого флажка в checkVal Variable один за другим.

для документации .each() перейти к.

http://api.jquery.com/each/

Answer 2

попробовать это:

var kittieColor = new Array(); 
$('.kittieColor').each(function() { 
    if ($(this).find('input').is(':checked')) { 
     kittieColor.push($(this).find('input').val()); 
    }   
}); 

alert(JSON.stringify(kittieColor)); 

Answer 3

Вам нужен цикл

var colorsChecked = []; 
$('input:checkbox.class').each(function() { 
     colorsChecked.push(this.checked ? $(this).val() : ""); 
}); 

Answer 4

kittie.color = $("input:checked").each(function() {alert($(this).val());});

здесь код, чтобы получить значение