小编典典

如何使用jQuery Ajax Post传递多个复选框

ajax

如何使用jQuery Ajax Post传递多个复选框

这是ajax功能

 function submit_form(){
 $.post("ajax.php", {
 selectedcheckboxes:user_ids,
 confirm:"true"
 },
 function(data){
  $("#lightbox").html(data);
  });
 }

这是我的表格

<form>
<input type='checkbox' name='user_ids[]' value='1'id='checkbox_1' />
<input type='checkbox' name='user_ids[]' value='2'id='checkbox_2' />
<input type='checkbox' name='user_ids[]' value='3'id='checkbox_3' />
<input name="confirm" type="button" value="confirm" onclick="submit_form();" />
</form>

阅读 250

收藏
2020-07-26

共1个答案

小编典典

从jQuery的POST文档(第3个示例):

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

因此,我只需要遍历复选框并构建数组即可。就像是

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