通过jQuery ajax（）向PHP发送多个复选框数据

我想通过jQuery的.ajax（）在我的网站上提交一个包含textarea字段和输入字段（type =“checkbox”，带有任意/可变数量的复选框）的POST表单。 PHP接收textarea数据，并向用户正确显示ajax响应。 但是，似乎PHP没有收到复选框数据（是否已选中）。 我怎样才能让它发挥作用？ 这是我的代码：

HTML：

    ...(maybe some more checkboxes - dynamically generated as necessary)   

jQuery：

 function submitForm() { $(document).ready(function() { $("form#myForm").submit(function() { var myCheckboxes = new Array(); $("input:checked").each(function() { myCheckboxes.push($(this).val()); }); $.ajax({ type: "POST", url: "myurl.php", dataType: 'html', data: { myField:$("textarea[name=myField]").val(), myCheckboxes:myCheckboxes }, success: function(data){ $('#myResponse').html(data) } }); return false; }); }); 

现在，PHP

 $myField = htmlspecialchars( $_POST['myField'] ) ); if( isset( $_POST['myCheckboxes'] ) ) { for ( $i=0; $i < count( $_POST['myCheckboxes'] ); $i++ ) { // do some stuff, save to database, etc. } } // create the response $response = 'an HTML response'; $response = stripslashes($response); echo($response); 

一切都很好：当提交表单时，新记录存储在我的数据库中，响应被回复到网页，但不发送复选框数据。 我想知道哪些复选框已被选中（如果有的话）。 我已经读过.serialize（），JSON等，但没有一个有用。 我是否必须在jQuery和PHP中序列化/ JSON？ 怎么样？ 使用复选框发送表单数据时，有一种方法比另一种方法更好吗？ 我已经坚持了2天。 任何帮助将不胜感激。 提前谢谢！

Answer 1

 var myCheckboxes = new Array(); $("input:checked").each(function() { data['myCheckboxes[]'].push($(this).val()); }); 

您正在将复选框推送到错误的数组data['myCheckboxes[]']而不是myCheckboxes.push

Answer 2

是的，jquery.serialize（）非常好用

HTML

JQuery的

 function submitForm() { var form = document.myform; var dataString = $(form).serialize(); $.ajax({ type:'POST', url:'myurl.php', data: dataString, success: function(data){ $('#myResponse').html(data); } }); return false; } 

现在PHP，我导出POST数据

  echo var_export($_POST); 

你可以看到发送的所有复选框值。我希望它可以帮到你

Answer 3

看一下这个。

在myurl.php上你可以使用print_r($_POST['myCheckboxes']);

Answer 4

  $.post("test.php", { 'choices[]': ["Jon", "Susan"] }); 

所以我只是遍历选中的框并构建数组。 就像是。

  var data = { 'user_ids[]' : []}; $(":checked").each(function() { data['user_ids[]'].push($(this).val()); }); $.post("ajax.php", data); 

Answer 5

你目前的代码似乎没问题。 使用此选项检查复选框数组包含的内容。 在php脚本的顶部添加此代码，看看是否将复选框传递给您的脚本。

 echo '
'.print_r($_POST['myCheckboxes'], true).'
'; exit; 

Answer 6

你也可以试试这个，

 var arr = $('input[name="myCheckboxes[]"]').map(function(){ return $(this).val(); }).get(); console.log(arr);