任何人都需要自动计算方面的小帮助吗?
Need a small help in auto calculation form anyone?
这里有人擅长js吗?
我正在寻找一个包含以下字段的表单,当我在字段旁边输入数字时,它会自动计算并实时显示总数。
<input type="text" name="acutalprice" value="">Actual Price: 329
<input type="text" name="discount" value="">Discount: 65%
<input type="text" name="shipping" value="">Shipping: 50+
总金额:165.15
on sumbit应该得到总量输出
此致
首先,将 jQuery 库添加到页面的 <head></head>
部分。您应该使用 jQuery download page or Google's Hosted Libraries page 来查找 jQuery 库。
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.0/jquery.min.js"></script>
然后,您应该将 <input>
个元素放入 <form></form>
个元素中,并为表单添加提交按钮。
<form id="myForm">
<input id="actualprice" type="number" placeholder="Actual Price">
<input id="discount" type="number" placeholder="Discount">
<input id="shipping" type="number" placeholder="Shipping">
<input type="submit" value="Submit">
</form>
<h3 id="result"></h3>
最后,在提交表单的页面添加脚本。
<script>
$('#myForm').submit(function (event) {
event.preventDefault();
var actualprice = Number($("#actualprice").val().trim());
var discount = Number($("#discount").val().trim());
var shipping = Number($("#shipping").val().trim());
var discountRate = (100 - discount) / 100;
var result = (actualprice * discountRate) + shipping;
$("#result").html("Result :" + result.toFixed(2));
});
</script>
祝你好运。
这里有人擅长js吗?
我正在寻找一个包含以下字段的表单,当我在字段旁边输入数字时,它会自动计算并实时显示总数。
<input type="text" name="acutalprice" value="">Actual Price: 329
<input type="text" name="discount" value="">Discount: 65%
<input type="text" name="shipping" value="">Shipping: 50+
总金额:165.15
on sumbit应该得到总量输出
此致
首先,将 jQuery 库添加到页面的 <head></head>
部分。您应该使用 jQuery download page or Google's Hosted Libraries page 来查找 jQuery 库。
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.0/jquery.min.js"></script>
然后,您应该将 <input>
个元素放入 <form></form>
个元素中,并为表单添加提交按钮。
<form id="myForm">
<input id="actualprice" type="number" placeholder="Actual Price">
<input id="discount" type="number" placeholder="Discount">
<input id="shipping" type="number" placeholder="Shipping">
<input type="submit" value="Submit">
</form>
<h3 id="result"></h3>
最后,在提交表单的页面添加脚本。
<script>
$('#myForm').submit(function (event) {
event.preventDefault();
var actualprice = Number($("#actualprice").val().trim());
var discount = Number($("#discount").val().trim());
var shipping = Number($("#shipping").val().trim());
var discountRate = (100 - discount) / 100;
var result = (actualprice * discountRate) + shipping;
$("#result").html("Result :" + result.toFixed(2));
});
</script>
祝你好运。