javascript - How do I auto-sum two boxes into a different box?
问题描述
I have two boxes, one named AuthorizedAmount
and another named LessLaborToDate
:
<div class="col-md-6">
<div class="form-group">
<label>Authorized Amount</label>
<div class="input-group">
<span class="input-group-addon">$</span>
<input type="number" class="form-control" name="AuthorizedAmount" min=0 step="0.01" required>
</div>
</div>
</div>
<div class="col-md-6">
<div class="form-group">
<label>Less Labor to Date</label>
<div class="input-group">
<span class="input-group-addon">$</span>
<input type="number" class="form-control" name="LessLaborToDate" min=0 step="0.01" required>
</div>
</div>
</div>
How do I get these two values automatically summed in another box, named Subtotal?
<div class="col-md-6">
<div class="form-group">
<label>Subtotal</label>
<div class="input-group">
<span class="input-group-addon">$</span>
<input type="number" class="form-control" name="Subtotal" placeholder="Authorized Amount minus Less Labor to Date" min=0 step="0.01" readonly>
</div>
</div>
</div>
解决方案
使用 jquery,如下所示:
$("input[name='AuthorizedAmount'], input[name='LessLaborToDate']").change(function() {
var sum = $("input[name='AuthorizedAmount']").val() + $("input[name='LessLaborToDate']").val();
$("input[name='Subtotal']").val(sum);
});
您可能需要添加一些空检查,parseInt
但您明白我希望的想法
推荐阅读
- html - 试图将图标对齐到文本旁边
- c# - 线路抑制状态错误 CS1503 参数 1:无法从“int”转换为“System.Threading.ParameterizedThreadStart”
- r - 如何创建调用 R 脚本的 shell 脚本?
- postgresql - 如何在postgresql中获取三列值的次要
- html - 问题:使用 img 获得无缝选取框效果,但它会明显重新启动
- email - 使用 spfx webparts,是否有办法以编程方式发送一封电子邮件,其中包含打开模式的链接或使用流程?
- python - p4python windows x64构建链接错误
- java - 将包含多个单词的字符串转换为单词向量
- javascript - 使用 javascript 库“turn.js”和 html 创建翻书
- django - Django ModelChoiceField 在列表中显示客户对象(1)等,我如何让它显示客户名称?