Как мне автоматически суммировать два поля в другое поле?
У меня есть две коробки, одна с именем AuthorizedAmount, а другая с именем 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>
Как я могу автоматически суммировать эти два значения в другом поле, названный 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>
@ freedomn-m Я не ... Я не мог придумать решения.
![Безумие обратных вызовов в javascript [JS]](https://i.imgur.com/WsjO6zJb.png)
Ответы 1
Используя 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, но вы поняли идею, я надеюсь
Спасибо, я попробую.
Когда я пытаюсь, он фиксирует либо число из AuthorizedAmount, либо число из LessLaborToDate в поле «Промежуточный итог», но не оба сразу. По какой-то причине он очищает поле Промежуточный итог, когда я пытаюсь добавить число как в AuthorizedAmount, так и в LessLaborToDate.
Возможно, вам потребуется сделать parseInt перед добавлением двух значений var sum = parseInt($("input[name='AuthorizedAmount']").val()) + parseInt($("input[name='LessLaborToDate']").val());
Идеально - когда я добавляю parseInt, он захватывает всю сумму. Есть ли способ захвата десятичных сумм? Например, если я складываю 100,23 и 100,48, будет отображаться только целое число 200.
Попробуйте вместо этого использовать parseFloat
Примените обработчик событий
inputк обоим полям, затем получите их значения и добавьте их. Если у вас есть конкретная проблема с этим, опубликуйте JS-код, который вы пробовали.