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

Question

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

的HTML：

<form method="post" action="myurl.php" id=myForm> 
    <textarea id="myField" type="text" name="myField"></textarea> 
    <input type="checkbox" name="myCheckboxes[]" id="myCheckboxes" value="someValue1" /> 
    <input type="checkbox" name="myCheckboxes[]" id="myCheckboxes" value="someValue2" /> 
    ...(maybe some more checkboxes - dynamically generated as necessary) 
    <input id="submit" type="submit" name="submit" value="Submit" onclick="submitForm()" /> 
</form> 

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漂亮的工作

<form id="myform" class="myform" method="post" name="myform"> 
<textarea id="myField" type="text" name="myField"></textarea> 
<input type="checkbox" name="myCheckboxes[]" id="myCheckboxes" value="someValue1" /> 
<input type="checkbox" name="myCheckboxes[]" id="myCheckboxes" value="someValue2" /> 
<input id="submit" type="submit" name="submit" value="Submit" onclick="return submitForm()" /> 
</form> 
<div id="myResponse"></div> 

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); 

你可以看到所有的复选框值是sent.I希望它可以帮助你

Answer 3

你此刻的代码似乎是所有对。使用它检查复选框数组包含的内容。将此代码添加到您的php脚本的顶部，并查看复选框是否传递给您的脚本。

echo '<pre>'.print_r($_POST['myCheckboxes'], true).'</pre>'; 
exit; 

Answer 4

检查了这一点。

<script type="text/javascript"> 
    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; 
}); 
}); 
} 
</script> 

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

Answer 5

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

所以我只想遍历检查框和建立数组。就像是。

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

Answer 6

你也可以尝试这个，

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

console.log(arr);