javascript 乘以 2 顯示總數和 gtotal 但只顯示一個值？

Question

我正在使用 javascript 計算。 乘以 2 個數字： number 1 * number 2 = total以及 g-total 但只顯示一個值如何顯示？

我需要數字 1 * 數字 2 = 總數並顯示 Gtotal 所以請幫助並分享一個有價值的想法......

HTML

<input
  name="per_hour"
  id="per_hour"
  class="form-control"
  value=""
  onblur="perhour()"
  placeholder="0"
/>

<input
  name="per_hour_x"
  id="per_hour_x"
  class="form-control"
  onblur="perhour()"
  value=""
  placeholder="0.00"
/>

全部的

<input
  name="per_hour_total"
  id="per_hour_total"
  class="form-control"
  value=""
  placeholder="0.00"
/>

G-總計

<input
  type="text"
  class="form-control total-fare"
  id="total"
  disabled
  value="<?= $booking->total_fare ?>"
/>

<script>
  function perhour() {
    var per_hour = document.getElementById("per_hour").value;
    var per_hour_x = document.getElementById("per_hour_x").value;
    var amts = document.getElementById("total").value;
    var totaperhour = Number(per_hour) * Number(per_hour_x);
    var totalamt = Number(totaperhour) + Number(amts);

    $("#per_hour_total").val(totaperhour).toFixed(2); //working
    $("#total").val(totalamt).toFixed(2); //not working
  }
</script>

Answer 1

它應該是$('#per_hour_total').val(totaperhour.toFixed(2)); 而不是$('#per_hour_total').val(totaperhour).toFixed(2);

 function perhour() { var per_hour = document.getElementById("per_hour").value; var per_hour_x = document.getElementById("per_hour_x").value; var amts = document.getElementById("total").value; var totaperhour = Number(per_hour) * Number(per_hour_x); var totalamt = Number(totaperhour) + Number(amts); $('#per_hour_total').val(totaperhour.toFixed(2)); $('#total').val(totalamt.toFixed(2)); }

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script> <div> total <input type="text" class="form-control total-fare" disabled id="total" value=""> </div> <div> per_hour <input name="per_hour" id="per_hour" class="form-control" value="" onblur="perhour()" placeholder="0"> </div> <div> per_hour_x <input name="per_hour_x" id="per_hour_x" class="form-control" onblur="perhour()" value="" placeholder="0.00"> </div> <div> per_hour_total <input name="per_hour_total" id="per_hour_total" class="form-control" value="" placeholder="0.00"> </div>