在表格的一行中添加每个单元格的值答案

【问题标题】：Adding values of each cell in a row of a table在表格的一行中添加每个单元格的值
【发布时间】：2017-01-20 16:16:02
【问题描述】：

我有一个用于输入每日股票报告的表格，每个表格单元格都是一个编号类型的输入文件。我想对表中的每一行执行一些计算。每当输入字段值发生变化时，我都必须执行每一行的计算。请看下图以便更好地理解：

$('#stock_report input').on('keyup', function() {
  var bbo_bags = parseFloat($('#bbo_bags').val());
  var bbo_mt = parseFloat($('#bbo_mt').val());
  var bbr_bags = parseFloat($('#bbr_bags').val());
  var bbr_mt = parseFloat($('#bbr_mt').val());
  var bbi_bags = parseFloat($('#bbi_bags').val());
  var bbi_mt = parseFloat($('#bbi_mt').val());

  var bbc_bags = bbo_bags - bbr_bags + bbi_bags;
  var bbc_mt = bbo_mt - bbr_mt + bbi_mt;

  alert(bbc_bags);

  $('#bbc_bags').val(bbc_bags);
  $('#bbc_mt').val(bbc_mt);
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<table class="stock-table">
  <thead>
    <tr>
      <th>S.No.</th>
      <th>Name of the Material</th>
      <th colspan="2">Opening Stock</th>
      <th colspan="2">Receipts</th>
      <th colspan="2">Issues</th>
      <th colspan="2">Closing Stock</th>
    </tr>
  </thead>
  <tbody id="stock_report">
    <tr>
      <td></td>
      <td></td>
      <td>Bags</td>
      <td>MT</td>
      <td>Bags</td>
      <td>MT</td>
      <td>Bags</td>
      <td>MT</td>
      <td>Bags</td>
      <td>MT</td>
    </tr>
    <tr>
      <tr>
        <td>1</td>
        <td>Boiled Bran</td>
        <td>
          <input type="number" step="0.001" name="bbo_bags" id="bbo_bags">
        </td>
        <td>
          <input type="number" step="0.001" name="bbo_mt" id="bbo_mt">
        </td>
        <td>
          <input type="number" step="0.001" name="bbr_bags" id="bbr_bags">
        </td>
        <td>
          <input type="number" step="0.001" name="bbr_mt" id="bbr_mt">
        </td>
        <td>
          <input type="number" step="0.001" name="bbi_bags" id="bbi_bags">
        </td>
        <td>
          <input type="number" step="0.001" name="bbi_mt" id="bbi_mt">
        </td>
        <td>
          <input type="number" step="0.001" name="bbc_bags" id="bbc_bags">
        </td>
        <td>
          <input type="number" step="0.001" name="bbc_mt" id="bbc_mt">
        </td>
      </tr>
    </tr>
  </tbody>
</table>

【问题讨论】：

1.不要只是将图像添加到 OP 2。将所有相关代码包含到 OP
@guradio 其实我不知道如何解决它们，所以我只是发布了我的要求的图片
所以不是写给我我的代码站点伙伴.. 如果遇到问题，您必须自己做，然后寻求帮助
@guradio 我更新了我的帖子
看看这个链接stackoverflow.com/a/38328193/6572922

标签： jquery html html-table

【解决方案1】：

$("#stock_report").delegate('#bbo_bags', 'change', function (event) {
 var bbo_bags = parseFloat($('#bbo_bags').val());
  $("#stock_report #bbc_bags").val(bbo_bags);
});

$("#stock_report").delegate('#bbr_bags', 'change', function (event) {
 var bbo_bags = parseFloat($('#bbo_bags').val());
 var bbr_bags = parseFloat($('#bbr_bags').val());
 var tot=bbo_bags - bbr_bags ;

 $("#stock_report #bbc_bags").val(tot);
});

$("#stock_report").delegate('#bbi_bags', 'change', function (event) {
 var bbo_bags = parseFloat($('#bbo_bags').val());
 var bbr_bags = parseFloat($('#bbr_bags').val());
 var bbi_bags = parseFloat($('#bbi_bags').val());
 var tot=bbo_bags - bbr_bags + bbi_bags;

 $("#stock_report #bbc_bags").val(tot);
});


$("#stock_report").delegate('#bbo_mt', 'change', function (event) {
 var bbo_mt = parseFloat($('#bbo_mt').val());
  $("#stock_report #bbc_mt").val(bbo_mt);
});

$("#stock_report").delegate('#bbr_mt', 'change', function (event) {
 var bbo_mt = parseFloat($('#bbo_mt').val());
 var bbr_mt = parseFloat($('#bbr_mt').val());
 var tot=bbo_mt - bbr_mt ;

 $("#stock_report #bbc_mt").val(tot);
});

$("#stock_report").delegate('#bbi_mt', 'change', function (event) {
 var bbo_mt = parseFloat($('#bbo_mt').val());
 var bbr_mt = parseFloat($('#bbr_mt').val());
 var bbi_mt = parseFloat($('#bbi_mt').val());
 var tot=bbo_mt - bbr_mt + bbi_mt;

 $("#stock_report #bbc_mt").val(tot);
});

更新您的计算脚本。我希望这段代码能解决更多问题。

【讨论】：