javascript-如何使用jquery ajax传递几个复选框的值

要从多个复选框获取值,请使用以下代码：

 <form class="myform" method="post" action="">
        <input type="checkBox" class="checkBox" value="11" /><br>
        <input type="checkBox" class="checkBox" value="22" /><br>
        <input type="submit" value="Go" />
  </form>

Ajax：

$(document).ready(function(){
            $('.myform').on('submit', function(e){
                //Stop the form from submitting itself to the server.
                e.preventDefault();
                var checkBoxvalue = $('.checkBox').val();
                $.ajax({
                    type: "POST",
                    url: '',
                    data: {checkBoxvalue: checkBoxvalue},
                    success: function(data){
                        $('.response').html(data);
                    }
                });
            });
        });

的PHP：

   if($_SERVER['REQUEST_METHOD'] == "POST") {  

      $value = false;
      if(isset($_POST['checkBoxvalue'])){
         $value = $_POST['checkBoxvalue'];
      }

      echo 'The value was: ' . $value;
      exit;
   }

问题是：当选中第二个复选框时,我得到的值是11,即第一个复选框的值.
当单击两个复选框时,我也得到值11

我要实现的目标：如果我选中第一个复选框,则应给我11作为输出.选中第二个复选框,他应该输出22作为值.并且在选中两个复选框时,他应该输出11和22作为值.

我怎样才能做到这一点？

解决方法:

用这个

$(document).ready(function(){
   $('.myform').on('submit', function(e){
        e.preventDefault();
        var checkBoxvalue =  [];    
        $("input[type=checkBox]:checked").each(function(i){
          checkBoxvalue.push( i.value );
        });
      $.ajax({
                type: "POST",
                url: '',
                data: {checkBoxvalue: checkBoxvalue},
                success: function(data){
                    $('.response').html(data);
                }
            });
        });
    });

PHP的

 if($_SERVER['REQUEST_METHOD'] == "POST") {  
  $value = false;
  /* the check Box value in array*/
  print_r($_POST['checkBoxvalue']);
  if(isset($_POST['checkBoxvalue'])){
     $value = $_POST['checkBoxvalue'];
  }      
  exit;
  }