javascript - 通过Ajax发送相同名称的多个复选框值

我有多个复选框输入元素。

<input type="checkbox" name="userpages[]" id="1" value="1"/>
<input type="checkbox" name="userpages[]" id="2" value="2"/>
<input type="checkbox" name="userpages[]" id="3" value="3"/>
<input type="checkbox" name="userpages[]" id="4" value="4"/>

我想通过Ajax 将checked元素的值传递给php脚本。我尝试过这种方式-

var pages = $('input[name="userpages[]"]:checked');
    $.ajax({
    type: 'POST',
    url: 'post.php',
    data: {pages: pages},
    dataType: 'json',
    success: function(data) {
        if(data.status == 1) {
            alert('Successfully posted on your Facebook pages !');
        } else if(data.status == 0) {
            alert('Error !! Please try again.');
        } else {
            alert('Unknown Error. Reloading this page now...');
            location.reload();
         }
            }
    });

并在php脚本中检索了值-

  foreach($_POST['pages'] as $page_id) {
    echo $page_id;
  }

但这对我没有用。我还尝试获取变量pages的值，当警告它弹出“object Object”时。任何帮助将是可观的。 :)

最佳答案

                var checked = []
        $("input[name='userpages[]']:checked").each(function ()
        {
            checked.push(parseInt($(this).val()));
        });