如何使用JavaScript计算表格的行

Question

这是我的页面，我必须计算表格的第四行。该表格是我从具有特定日期的表格中提取的。 第四行是空的，我必须将其输入并更新到表中。 我在该表中进行计算应添加行并在下面显示。 但是显示NAN。

我的代码：

    <script>
        $(document).ready(function(){
            $('.ramt').on('change input',function() {
                     var tot = 0;

                       var sub = 0;
                    $('#tb3 > tbody  > tr').each(function() {

                        var pamt = $(this).find('.ramt').val();

        tot += parseFloat(pamt);
                    });
$('#rtotal').val(tot);


            });
        });
        </script>

这是我的表格代码：

 <?php
    //echo '<pre>';print_r($result2);exit();
    if(!empty($query)){
        foreach($query as $key => $row){ // added $key as index
        ?>
            <tr >
                <td ><input style="width:50px" type="text" class="form-control input-xs Sno" name="Sno[<?php echo $key ?>]" id="Sno" value="<?=$row['loan_no'];?>"></td>

                <td> <input style="width:180px" type="text" class="form-control input-xs" name="name[<?php echo $key ?>]" id="Amount" value="<?=$row['pname'];?>"></td>

                <td ><input style="width:50px" type="text" class="form-control input-xs amt" name="Amount[<?php echo $key ?>]" id="Bankname" value="<?=$row['collection_amt'];?>"></td>
                <?php $total_sum=0; ?>  
                <?php if($row['receive_amt'] != 0)
                    $total_sum = $row['receive_amt'];
                        else{
                        $total_sum = "";
                    } ; ?>

                <td ><input style="width:50px" type="text" class="form-control input-xs ramt" name="ramt[<?php echo $key ?>]" id="Chqamt" value="<?php echo"$total_sum"?>" autofocus></td>
            </tr>

        <?php
        }
    }?> 
</tbody>

Answer 1

您能不只是直接遍历Ramt输入吗？

<script>
    $(document).ready(function(){
       $('.ramt').on('change input',function() {
           var tot = 0;
           $('.ramt').each(function() {
              let val = $(this).val();
              if(val !== '') {
                tot += parseInt(val);
              }
           });
         $('#rtotal').val(tot);
       });
    });
    </script>