Получите многократное значение флажка с помощью Ajax

Question

У меня есть проблема с множественным значением из флажка с Ajax. Я могу получить одно значение флажка, но несколько значений не работают. Вот мой HTML код

<input name="p_flatform" class="p_flatform" type="checkbox" value="1">Iphone 
<input name="p_flatform" class="p_flatform" type="checkbox" value="2">Ipad 
<input name="p_flatform" class="p_flatform" type="checkbox" value="3">Android 

И это мой Ajax

$.ajax({ 
     url: 'quotation_validation', 
     type: 'post', 
     data: { p_flatform:$('input[name="p_flatform"]:checked').val()}, 

Он не работал. Пожалуйста помоги.

Answer 1

var arr = []; 
 
$.each($('input[name="p_flatform"]:checked'), function() { 
 
    var value = $(this).val() 
 

 
    arr.push(value) 
 

 
}) 
 
console.log(arr)

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<input name="p_flatform" class="p_flatform" type="checkbox" value="1" checked>Iphone 
 
<input name="p_flatform" class="p_flatform" type="checkbox" value="2">Ipad 
 
<input name="p_flatform" class="p_flatform" type="checkbox" value="3" checked>Android

Iterate на каждом поле, чтобы получить все значения. Нажимайте каждое значение на массив.

Answer 2

Вы должны быть в состоянии использовать .map(), например, так:

$('input[name="p_flatform"]:checked').map(function() { return $(this).val(); }).get(); 

Давать вам:

data: { p_flatform:$('input[name="p_flatform"]:checked').map(function() { return $(this).val(); }).get()},