[英]javascript multiply 2 number show total and gtotal but show only one value?
I am using javascript calculation.我正在使用 javascript 计算。 multiply 2 numbers: number 1 * number 2 = total
and how g-total but working only one value display?乘以 2 个数字: number 1 * number 2 = total
以及 g-total 但只显示一个值如何显示?
I have need number 1 * number 2 = total and show Gtotal so please help and share a valuable idea...我需要数字 1 * 数字 2 = 总数并显示 Gtotal 所以请帮助并分享一个有价值的想法......
HTML 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"
/>
Total全部的
<input
name="per_hour_total"
id="per_hour_total"
class="form-control"
value=""
placeholder="0.00"
/>
G-Total 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>
It should be $('#per_hour_total').val(totaperhour.toFixed(2));
它应该是$('#per_hour_total').val(totaperhour.toFixed(2));
and not $('#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>
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.