Добавление значений каждой ячейки в строке таблицы

Question

У меня есть таблица, в которой я использую для ввода ежедневных отчетов о запасах, каждая ячейка таблицы является входным файлом номера типа. Я хочу выполнить некоторые вычисления в каждой строке таблицы. Всякий раз, когда значение поля ввода изменяется, я должен выполнять вычисления каждой строки. Пожалуйста, смотрите изображение ниже для лучшего понимания:

$('#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>

Answer 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); 
}); 

обновить сценарий для расчета. Надеюсь, этот код еще больше решит проблему.