2016-05-14 26 views
0

Ajaxでチェックボックスから複数の値を取得するのに問題があります。 1つのチェックボックス値を取得できますが、複数の値は機能しません。 は、ここに私のHTMLコードAjaxで複数のチェックボックス値を取得

<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()}, 

それは仕事をdidntのです。助けてください。すべての値を取得するには、各チェックボックスに

+0

あなたが何をしたいですか?チェックされた値の配列? – cuniculus

答えて

0

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

反復。 配列の各値を押します。

あなたがそうのように、 .map()を使用することができるはず
0

あなたを与える
$('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()}, 
関連する問題