使用 Ajax 获取多个复选框值答案

【问题标题】：Get multiple checkbox value with Ajax使用 Ajax 获取多个复选框值
【发布时间】：2016-05-14 11:12:40
【问题描述】：

我无法从 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()},

它没有工作。请帮忙。

【问题讨论】：

你想要什么？检查值的数组？

标签： jquery ajax checkbox

【解决方案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

迭代每个复选框以获取所有值。将每个值压入数组。

【讨论】：

【解决方案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()},

【讨论】：