第三个框锁定值JS

Question

我使用html中的javascript函数脚本将两个输入框的乘积放入第三个。HTML:-

<input type="text" class="form-control" id="inputBuyPrice" placeholder="0.0" name="price" oninput="calculate()">
<input type="text" class="form-control" id="inputBuyAmount" placeholder="0.0" name="amount" oninput="calculate()">
<input type="text" class="form-control" id="inputBuyTotal" placeholder="0.0" name="total" oninput="calculate()">

和javascript：-

<script>
function calculate() {
var myBox1 = document.getElementById('inputBuyAmount').value; 
var myBox2 = document.getElementById('inputBuyPrice').value;
var result = document.getElementById('inputBuyTotal'); 
var numb = myBox1 * myBox2;
numb = numb.toFixed(8);
result.value = numb;
}
</script>

现在一切都很好。但总量的价值被数量和价格的乘积所锁定。我不希望它是只读的，但输入的值可以由用户更改。

Answer 1

在一条评论中，您说过：

简单的东西数量*价格将显示在总额中，但总额可以手动更改，如果再次发生价格或金额更改，产品应显示在总中

如果这是您想要的，只需删除inputBuyTotal上的oninput="calculate()"。这将允许用户按照自己的意愿进行更改，但随后更改inputBuyPrice或inputBuyAmount将用这些字段的乘积替换他们更改的内容。

---

(我希望我从那里购买的商店让我手动更改要支付的总金额。。。😉)

Answer 2

更改

oninput="calculate()" 

至

oninput="calculateAmount()" 

并添加函数calculateAmount((