Javascript 将跨距内部文本乘以输入文本值。怎么用？

我试图让用户为每一行输入一个值，然后将该值乘以相应的美元金额，最后添加到输入文本估计值中

<div class="col-md-12">
  <small><strong>ESTIMATE - TOTAL</strong></small>
  <div class="input-group input-group-sm my-1">
    <input class="form-control form-control-sm" id="ESTIMATE_TTL" name="ESTIMATE_TTL" placeholder="$0.00" type="text" input="" pattern="[0-9]*" inputmode="numeric" value="" maxlength="4">
    <span class="input-group-btn"><button class="btn btn-primary" type="button"><i class="fa fa-refresh fa-lg"></i>&nbsp;&nbsp;&nbsp;REFRESH</button></span>
  </div>
</div>

估计-总计
刷新

如何将span id的span内部文本与其相应的文本输入相乘，然后将div estimate id的增量乘以该计算量

这里有一个工作链接供您可视化

范例

<div class="col-md-12"> <small><strong>EMERGENCY SERVICE CALL</strong></small>
  <div class="input-group input-group-sm my-1"><span class="input-group-addon">EA</span>
    <input class="form-control form-control-sm" id="EA_WTRESRVD" name="EA_WTRESRVD" placeholder="0" type="text" input pattern="[0-9]*" inputmode="numeric" value="" maxlength="4"> <span class="input-group-addon"><i id="STS_WTRESRVD" class="fa fa-stop fa-lg"></i></span>    <span id="PRC_WTRESRVD" class="input-group-addon">$122.67</span> </div>
</div>
<div class="col-md-12"> <small><strong>EMERGENCY SERVICE CALL AFTER HRS</strong></small>
  <div class="input-group input-group-sm my-1"><span class="input-group-addon">EA</span>
    <input class="form-control form-control-sm" id="EA_WTRESRV" name="EA_WTRESRV" placeholder="0" type="text" input pattern="[0-9]*" inputmode="numeric" value="" maxlength="4"> <span class="input-group-addon"><i id="STS_WTRESRV" class="fa fa-stop fa-lg"></i></span>    <span id="PRC_WTRESRV" class="input-group-addon">$184.00</span> </div>
</div>
<div class="col-md-12"> <small><strong>ASBESTOS TEST FEE</strong></small>
  <div class="input-group input-group-sm my-1"><span class="input-group-addon">EA</span>
    <input class="form-control form-control-sm" id="EA_FEEASBT" name="EA_FEEASBT" placeholder="0" type="text" input pattern="[0-9]*" inputmode="numeric" value="" maxlength="4"> <span class="input-group-addon"><i id="STS_FEEASBT" class="fa fa-stop fa-lg"></i></span>    <span id="PRC_FEEASBT" class="input-group-addon">$300.00</span> </div>
</div>

紧急服务呼叫
每个
$122.67 
小时后的紧急服务呼叫
每个
$184.00 
石棉测试费
每个
$300.00 

---

如果我能成功地将刷新按钮合并到我的keyup事件中，则刷新按钮可以消失，但如果不能，刷新按钮也可以消失。

这里有一个小演示来帮助您。总计将在

输入

选择器的每个

焦点输出

上更新

$（“.form control sm”）.on（'focusout'，function（）{
var price=$（this.parent（）.find（“.input group addon”）.text（）；
price=parseFloat（price.replace（'EA$，''）；
var enteredVal=$（this.val（）！=''？$（this.val（））：0；
var总计=价格*输入值；
$（“.totalPrice”）.text（parseFloat（$（“.totalPrice”）.text（））+total）；
});
.totalPrice{
颜色：红色；
}

紧急服务呼叫
每个
$122.67 
小时后的紧急服务呼叫
每个
$184.00 
石棉测试费
每个
$300.00 
总计：0
请显示您已尝试的内容。Stackoverflow不是一个代码编写服务…其目的是帮助您修复代码。在网上找到关于计算器的例子和教程并不难，我曾试图用这篇文章来理解它，但没有成功。正在查找将美元解析为浮动的正则表达式…请使用
replace（）
。不难单独寻找那个部分。还是让我看看你是怎么想的谢谢你让我失去了所有这些名誉点charlietfl。很好，很酷。我到家后会试试的。