输入表格输入计算值答案

【问题标题】：Entering into table input caluclates value输入表格输入计算值
【发布时间】：2021-11-21 05:48:25
【问题描述】：

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

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

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

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

谢谢:)

【问题讨论】：

请查看How to Ask。您需要包含更多信息，例如您的表格的一些示例 HTML 以及您希望何时发生这种情况。你能走多远？创建了表格（如果是，包括它，或者至少是精简版）？触发事件？从输入中读取值？将值设置为总数（输入还是单元格？）？将两个值相乘？

标签： html jquery forms

【解决方案1】：

你可以在下面的 sn-p 中做这样的事情：

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>

【讨论】：