Как мне автоматически сложить две коробки в другую?

Question

У меня есть два поля, одно с именем 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>

Как автоматически получить эти два значения в другом поле, с именем Промежуточный итог?

<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>

Answer 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, но вы поняли, я надеюсь