如何在输出HTML元素中展开数学公式

Question

我有三个字段，一个是收入，第二个是减税，第三个

一是应付金额。现在它为我显示了从

中扣除的税额

是收入，但我想在

中也看到从中扣除税款的总数。

应付金额栏

例子:如果我们的收入是1600，那么税是32，但我想要有价值的1568在我的应付金额栏?

代码如下:

<form onsubmit="return false" oninput="amount.value = (earnamount.valueAsNumber) * ((taxdeduction.valueAsNumber))"
 oninput="amount.value">
  <legend>Test Environment.... Tax Deduction</legend>
  <p><label for="earnamount">&nbsp;&nbsp;Earn Amount</label>
  <input type="number" id="earnamount" name="earnamount"></p>
  <p><label for="taxdeduction">&nbsp;Tax Deduction</label>
  <input type="number" id="taxdeduction" value="0.02" name="taxdeduction"></p>
  <p><label for="amountpayable">Amount Payable</label>
  <input type="number" id="amountpayable" name="amountpayable"></p>
  <p>Total Tax In: <strong>USD: <output name="amount" for="earnamount taxdeduction">0</output></strong></p>
</form>

Answer 1

您可以使用Jquery轻松完成此操作。

$(function() {
  return $('#earnamount, #taxdeduction').change(function() {
    var earn_amount, tax_rate, tax_total, total;
    earn_amount = parseFloat($('#earnamount').val());
    tax_rate = parseFloat($('#taxdeduction').val());
    tax_total = earn_amount * tax_rate;
    total = earn_amount - tax_total;
    $('#amountpayable').val(total);
    return $('output[name="amount"]').text(tax_total);
  });
});

看看这个小提琴