【关于JavaScript】自动计算的实例

在一些贸易业务Web系统中，某些页面需要提供实时的辅助计算功能，例如：员工录入货物的单价和数量的值，通过JavaScript的事件处理可以直接显示出总价。

如下图所示就是本例的运行效果图：

本例中也采用了数字有效性验证，如果用户没有在文本框中输入合理的数据，系统会弹出类似于如下图所示的警告对话框。

 

本例中定义了一个无参数的函数price_total()同时作为单价和数量的KeyUp事件处理程序。

此外，我们还定义了一个含有两个参数的公共函数total（price，amount）用来计算总价格。

下面是关键的JS代码实现部分：

<script language="JavaScript">
function total(price,amount){
var totalprice=parseInt(amount)*parseFloat(price);
totalprice=Math.round(totalprice*100)/100;
document.form1.totalprice.value=totalprice;
}
function price_total(){
document.form1.totalprice.value="";
var amount=document.form1.amount.value;
var price=document.form1.price.value; if(isNaN(price)){
alert("单价必须为数字！");
document.form1.price.focus();
document.form1.price.select();
return false;}
if(isNaN(amount)){
alert("数量必须为数字！");
document.form1.amount.focus();
document.form1.amount.select();
return false;}
if(price!=""&&amount!="")
total(price,amount);}
</script>