填充数组并通过 AJAX 发送的脚本

Question

我知道，标题应该更具体，但问题太复杂了，甚至无法在一个标题本身中进行描述……我在将一定数量的值传递到一个数组中以通过 AJAX 发布时遇到了麻烦。请注意，所有这些代码都是为了纯粹理解我想要做什么。

这是表格内带有 foreach 循环的 HTML 代码

<table class="table table-striped table-bordered table-hover">
  <thead>
    <th style="text-align: center;">Select</th>
    <th style="text-align: center;">Name</th>
    <th style="text-align: center;">Situation</th>
    <th style="text-align: center;">Bill</th>
    <th style="text-align: center;">Date Limit</th>
    <th style="text-align: center;">Value of Bill</th>
    <th style="text-align: center;">Own Value</th>
    <th style="text-align: center;">Responsible Name</th>
   </thead>
   <tbody>
   <?php
     foreach ($result as $value) {
        echo '<tr style="text-align: center;">
              <td><input style="cursor: pointer;" type="checkbox" value="'. $value['VALUEBILL'] .'" class="check_list"></input>
              <input style="display: none;" type="checkbox" checked="true" value="'. $value['IDTRANSACTION'] .'" name="numControle"></td>
              <td>'. utf8_encode($value['NAME']) .'</td>
              <td>'. $value['SITUATION'] .'</td>
              <td>'. $value['BILL'] .'</td>
              <td>'. $value['DATELIMIT'] .'</td>
              <td>'. $value['VALUEBILL'] .'</td>
              <td>'. $value['OWNVALUE'] .'</td>
              <td>'. utf8_encode($value['RESPONSABLENAME']) .'</td>
              </tr>';
     }

  ?>
  </tbody>
 </table>

为了更好地理解，我有一个

jQuery

脚本，它将对所有选定的账单进行求和，并给出所有账单的结果，并勾选

$value['VALUEBILL']

复选框。

这是用于获取所有选中的复选框值并对其求和的 jQuery 脚本。

$(document).ready(function(){
   update();
});
$('input[type=checkbox]').click(function(){
   update();
})
function update(){
   var amount2 = 0;
   $('.check_list').each(function () {
      if (this.checked) {
        amount2 += Number($(this).val());
          checked_boxes ++;
      }
   $("input[name=amount]").val("$"+amount2.toFixed(2));
});

这是脚本对所有值和输入求和的形式：

<form name="sentMessage" id="purchases" novalidate>
  <h4 style="margin-top: -5px;">Total:</h4>
  <input type="text" class="form-control" id="amount2" name="amount" value="" disabled="">
  <button type="submit">Send Payment</button>
</form>

我指出代码是为了更好地理解我正在做的事情，并让您知道主要问题是什么

问：那么，你需要什么，因为根本不清楚？

注意

foreach

循环内部，它有一个神秘的

checkbox

，其值为

$value['IDTRANSACTION']

，这就是我需要与其他

checkbox

一起发送的内容...第一个

checkbox

具有账单的价值，第二个，交易的

ID

，每一个都有它的独特的价值，并且计算所有这些账单极其重要。

所以我的问题是：

• 当选中第一个

  checkbox

  时，如何选中此框？ （我尝试了一些

  jQuery

  代码，但是当我检查第一个代码时，他们连续检查了所有这些代码，我只需要检查被检查的代码，而不是

  foreach

  提供的其他代码）；

• 解决第一个问题后，我需要在

  array

  中填充一个

  form

  以发送一个 AJAX 帖子（已经准备好并正常工作），以获取带有

  checkboxes 的所有 

  ID's

   值

  每一个。

就是这样......我很抱歉问了这么长的问题，但我需要提供所有我能提供的信息，以便您能够理解我正在尝试做什么。

干杯！

Answer 1

使用隐藏输入和以下js

<td><input style="cursor: pointer;" type="checkbox" value="'. $value['VALUEBILL'] .'" class="check_list"></input>
<input type="hidden" class="id_tansaction" value="'. $value['IDTRANSACTION'] .'" name="numControle"></td>

var data = {};
$('.check_list').change(function(){
 var id_tansaction = $(this).val('.id_tansaction').val();
 var valuebill = $(this).parent().find();
      if($(this).is(':checked')) {
         data[id_tansaction] = valuebill;
       } else {
         delete data[id_tansaction];
       }
});

然后通过ajax发送数据数组

data:data