一个计算价格的例子
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<script type="text/javascript">
function updateOrder() {
var taxRate = 0.0925;
var donutPrice = 0.50;
var numCakeDonutForDa = document.getElementById("cakedonuts").value.toString();
var numCakeDonut = parseInt(document.getElementById("cakedonuts").value);
var numGlazedDonuts = parseInt(document.getElementById("glazeddonuts").value);
if (isNaN(numCakeDonut)) {
numCakeDonut = 0;
}
if (isNaN(numGlazedDonuts)) {
numGlazedDonuts = 0;
}
var subTotal = (numCakeDonut + numGlazedDonuts) * (parseFloat(donutPrice));
var tax = parseFloat(subTotal) * parseFloat(taxRate);
var total = parseFloat(subTotal) + parseFloat(tax);
document.getElementById("subtotal").value = "$" + subTotal.toFixed(2);
document.getElementById("tax").value = "$" + subTotal.toFixed(2);
document.getElementById("total").value = "$" + total.toFixed(2);
}
function checkOrder() {
if (document.getElementById("cakedonuts").value == "" || document.getElementById("glazeddonuts").value=="") {
alert("无法提交订单");
}
}
</script>
</head>
<body id="frame">
<form name="orderForm" action="HTMLPage1.htm" method="post">
<div class="field">
# 蛋糕甜甜圈数量<input type="text" id="cakedonuts" name="cakedonuts" value="" onchange="updateOrder()" />
</div>
<div class="field">
# 糖霜甜甜圈数量<input type="text" id="glazeddonuts" name="glazeddonuts" onchange="updateOrder()" />
</div>
<div class="field">
# 税前价<input type="text" id="subtotal" name="subtotal" onchange="" />
</div>
<div class="field">
# 税钱<input type="text" id="tax" name="tax" onchange="" />
</div>
<div class="field">
# 总价<input type="text" id="total" name="total" onchange="" />
</div>
<input type="button" id="check" value="检测" onclick="checkOrder()" />
</form>
</body>
</html>