javascript - 如何计算商品及服务税值

Question

我的项目中有销售交易，我想计算包含和不包含 gst 的总金额。

如果我们希望输入特定产品的gst值，同时在按键时自动计算，我会保留一个文本框来输入gst值如果我们不想包含自动计算的总金额，请使用 ups。

JavaScript:

$(document).ready(function() {
  $('#gst').keyup(function(ev) {
    var reeta = price * qty;
    var tot_price = (reeta * gst / 100) + reeta ;
    var divobj = document.getElementById('tot_amount');
    divobj.value = tot_price;
  });
});

PHP:

<tr>
  <td>
    <?php echo ++$counter; ?>
  </td>
  <td class="record">
    <?php echo $row['prod_name'];?>
  </td>
  <td>
    <input class="w3-input w3-border" name="pages" id="qty" type="text" readonly value="<?php echo $row['qty'];?">
  </td>
  <td>
    <input class="w3-input w3-border" name="pages" id="price" type="text" readonly value="<?php echo number_format($row['price'], 2);?>">
  </td>
  <td>
    <input class="w3-input w3-border" name="pages" id="gst" type="text"><br><br>
  </td>
  <td>
    <input class="w3-input w3-border" name="tot_amount" readonly id="tot_amount" type="text" ><br><br>
  </td>
</tr>

因此，我需要根据输入的 gstrate 字段中的费率计算 gst。有人可以帮我吗？大多数公式都会计算 gst 金额并将其添加到小计中，但我没有机会这样做。

Answer 1

我不知道你为什么使用ids，这里是例子

$(document).ready(function() {
  $('#gst').keyup(function(ev) {
    var gst = $("#gst").val();
    var price = $("#price").val();
    var qty = $("#qty").val();
    var reeta = price * qty;
    var tot_price = (reeta * gst / 100) + reeta;
    var divobj = document.getElementById('tot_amount');
    divobj.value = tot_price;
  });
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<tr>
  <td>
    1
  </td>
  <td class="record">
    AMK
  </td>
  <td>
    <input class="w3-input w3-border" name="pages" id="qty" type="text" readonly value="2">
  </td>
  <td>
    <input class="w3-input w3-border" name="pages" id="price" type="text" readonly value="144.00">
  </td>
  <td>
    <input class="w3-input w3-border" name="pages" id="gst" type="text"><br><br>
  </td>
  <td>
    <input class="w3-input w3-border" name="tot_amount" readonly id="tot_amount" type="text"><br><br>
  </td>
</tr>