Jquery 在codeigniter中通过ajax显示所有选中复选框的总和

我正在做的是，我的第一个ajax正在运行时，在下拉列表的更改中有一个下拉列表。Onchange ajax获取所有服务及其成本。首先，ajax运行良好。现在我在所有服务前都有一个复选框，用户可以选择多个复选框。选中复选框后，我的secong ajax正在运行。我想要的是选中复选框我想要全部选中的总和复选框，但它显示的是jst价格，而不是全部选中的总和。请看一下代码

我的ajax是：

   <script>
    $(document).ready(function(){
      $('#serv_pack').change(function(){  
      $.ajax({
              type: "POST",
              url: "<?php echo base_url(); ?>admin/pages/create_package",
              data: { 'serv_package' : $('#serv_pack').val() },
              success: function(data) 
              { 
              $('#ser_pac').html(data).addClass("md-card");
              },
               });
      });
      $(document).on('click','.check_price',function() {
      $.ajax ({
              type: "POST",
              url: "<?php echo base_url(); ?>admin/pages/check_price",
              data: { 'checked_price[]' : $(this).val() },
              success: function(data) 
              {
                  $('#ser_pac1').html(data).addClass("md-card");
              },
          });
      }); 
    });
  </script>

$（文档）.ready（函数（）{
$（'#serv_pack'）。更改（函数（）{
$.ajax({
类型：“POST”，
url:“管理员/页面/创建_包”，
数据：{'serv_package'：$（'serv#u pack'）.val（），
成功：功能（数据）
{ 
$（'ser#u pac'）.html（data.addClass（“md卡”）；
},
});
});
$（文档）。在（'单击'，'上。检查价格'，函数（）{
$.ajax({
类型：“POST”，
url:“管理员/页面/检查价格”，
数据：{'checked_price[]'：$（this.val（）}，
成功：功能（数据）
{
$（'ser#u pac1'）.html（data.addClass（“md卡”）；
},
});
}); 
});

我的html是：

<div class="uk-grid" data-uk-grid-margin="">
    <div class="uk-width-large-1-2 uk-width-medium-1-2">
      <label for="service_title">Select Service Type<span class=
      "req">*</span></label> <select data-md-selectize="" id="serv_pack" name=
      "service_type" required="">
        <option value="">
          Service Types
        </option><?php foreach ($ser_type->result() as $catt){?>
        <option value="<?php echo $catt->tenure_name; ?>">
          <?php echo $catt->tenure_name; ?>
        </option><?php } ?>
      </select>
    </div>
  </div>
  <div class="md-card-content">
    <table cellspacing="0" class="uk-table" id="ser_pac" width="100%">
    </table><span id="ser_pac1"></span>
  </div>

选择服务类型*
服务类型
您只发送当前选中复选框的值，而是查找所有选中项并发送其值

$(document).on('click', '.check_price', function() {
  var checked = $('.check_price:checked').map(function() {
    return this.value;
  }).get();
  $.ajax({
    type: "POST",
    url: "<?php echo base_url(); ?>admin/pages/check_price",
    data: {
      'checked_price[]': checked
    },
    success: function(data) {
      $('#ser_pac1').html(data).addClass("md-card");
    },
  });
});

$（文档）。在（'单击'，'上。检查价格'，函数（）{
var checked=$（'.check_price:checked'）.map（函数（）{
返回此.value；
}).get（）；
$.ajax({
类型：“POST”，
url:“管理员/页面/检查价格”，
数据：{
“已检查价格[]”：已检查
},
成功：功能（数据）{
$（'ser#u pac1'）.html（data.addClass（“md卡”）；
},
});
});
谢谢，它真的很有效。。。但是Arun P Johny我还有一个问题。。。我能问一下吗？@Pardeep这是什么？我怎样才能获得数组中所有复选框的名称。您可以在create_package controller中看到输入类型复选框，其名称在$service_title变量中。
$(document).on('click', '.check_price', function() {
  var checked = $('.check_price:checked').map(function() {
    return this.value;
  }).get();
  $.ajax({
    type: "POST",
    url: "<?php echo base_url(); ?>admin/pages/check_price",
    data: {
      'checked_price[]': checked
    },
    success: function(data) {
      $('#ser_pac1').html(data).addClass("md-card");
    },
  });
});