时间戳

首页 > 解决方案 > 输入表格输入计算值

html - 输入表格输入计算值

问题描述

就像有人输入说收银机中有多少 0.50 英镑的硬币：

收银机中有 5 个硬币，用户输入 5：

但是我需要总数为 0.50 x 5 （x 输入的硬币数量）

这将是 0.01 英镑、0.02 英镑、1.00 英镑、2.00 英镑等，如果它是动态的并且易于为每个输入字段设置，那就太好了

谢谢 ：）

标签： htmljqueryforms

解决方案

您可以在下面的代码段中执行类似的操作：

function TotalAmountCal() {
  var coinNum = document.getElementById('coinNum').value
  var TotalAmount = (coinNum * 0.50)

  document.getElementById('TotalAmount').innerHTML = "£" + TotalAmount
}
<div class="form-group col-md-2">
  <label for="coinNumber">£0.50</label>
  <input type="number" name="coinNumber" class="form-control" id="coinNum" oninput="TotalAmountCal();" placeholder="Enter number of coins">
</div>

<div>Total amount present :<span id="TotalAmount"> Enter coins :)</span></div>

推荐阅读