如何使用 jQuery ajax post 传递多个复选框

Question

如何使用 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>

原文由 ahmed 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

来自 POST 的 jquery 文档（ 第三个示例）：

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

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

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

原文由 Paul Tarjan 发布，翻译遵循 CC BY-SA 3.0 许可协议

Answer 2

这会更好更容易

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

console.log(arr);

原文由 SagarPPanchal 发布，翻译遵循 CC BY-SA 3.0 许可协议