jQueryですべての行の合計を計算するには？

Question

以下は私のテーブルコードAdd Newボタンです。 Onclick Add New ボタン新しい行が作成されます。あなたはこれを見ることができます。ユーザは 最後に入力借方と貸方の値をすべて借方の値は となるはずです。計算と合計は、貸方の価値に対して表示され、同じでなければなりません。

のjQueryコード：私は 新しい行を作成するためにjQueryを使用しています

<script type="text/javascript"> 
     $("#add, .check ").click(function() { 
     $('#datatable-buttons tbody>tr:last') 
     .clone(true) 
     .insertAfter('#datatable-buttons tbody>tr:last').find('input').each(function(){ 
     $(this).val(''); 
     }); 
    }); 
    </script> 

HTMLテーブルコード：

：画像の下

<table id="datatable-buttons" class="table table-striped jambo_table bulk_action"> 
    <thead> 
     <tr class="headings"> 
     <th> 
      <input type="checkbox" id="check-all" class="flat"> 
     </th> 
     <th class="column-title">Account</th> 
     <th class="column-title">Debits</th> 
     <th class="column-title">Credits</th> 
     <th class="column-title">Description</th> 
     <th class="column-title">Name</th>       
     <th class="column-title no-link last"><span class="nobr">Action</span> 
     </th> 
     <th class="bulk-actions" colspan="7"> 
      <a class="antoo" style="color:#fff; font-weight:500;">Bulk Actions (<span class="action-cnt"> </span>) <i class="fa fa-chevron-down"></i></a> 
     </th> 
     </tr> 
    </thead>         
    <tbody> 
     <tr class="even pointer"> 
     <td class="a-center "> 
      <input type="checkbox" class="flat" name="table_records"> 
     </td>          
     <td class=" "><select class="form-control" name="journalname"> 
      <option>Choose option</option>     
      <?php 
      $sql = mysqli_query($conn,'SELECT * FROM `chartofaccounts`'); 
      while ($row1 = mysqli_fetch_array($sql)) 
      {?> 
       <option value="<?php echo $row1["name"];?>"><?php echo $row1["name"];?></option> 
      <?php }?> 
     </select></td> 
     <td class=""><input class="form-control" type="text" name="debit" ></td> 
     <td class=" "><input class="form-control" type="text" name="credit"></td> 
     <td class=" "><input class="form-control" type="text" name="descc"></td> 
     <td class=" "><input class="form-control" type="text" name="name"></td>   
     <td class=" last"><a href="#">View</a> 
     </td> 
     </tr>       
    </tbody>       
    </table> 
    <button type="button" id="add">Add New</button> 

はあなたに明確な理解が得られます

Answer 1

は、入力フィールドから合計を計算する方法。

チェック以下のスニペットやjsFiddle

3つの入力に数字を追加し、Viewをクリックして、それは3つの入力値の合計を取得します。グーグル2.削除問題の

var input = $("input"), 
 
    button = $("td.last a") 
 

 
$(button).click(function() { 
 
    var sum = 0; 
 
    $(input).each(function() { 
 
     sum += Number($(this).val()); 
 
    }); 
 
    $(this).html(sum) 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<table> 
 
    <tr> 
 
    <td> 
 
     <input> 
 
    </td> 
 
    <td> 
 
     <input> 
 
    </td> 
 
    <td> 
 
     <input> 
 
    </td> 
 
    <td class=" last"><a href="#">View</a> 
 
    </tr> 
 
</table>