JS代碼實(shí)現(xiàn)實(shí)時(shí)計(jì)算折扣

2012/11/7 18:50:08作者：佚名來源：網(wǎng)絡(luò)

移動(dòng)端

【實(shí)例名稱】

【實(shí)例描述】

隨著網(wǎng)絡(luò)商店的大量開通，越來越多的人體驗(yàn)了網(wǎng)絡(luò)購物的方便。在購物時(shí)將物品添加到購物車后，系統(tǒng)會(huì)根據(jù)商品的折扣、價(jià)格和數(shù)量，自動(dòng)計(jì)算最終付款金額。這就是本例要實(shí)現(xiàn)的實(shí)時(shí)計(jì)算功能。

【實(shí)例代碼】

<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<title>標(biāo)題頁-學(xué)無憂（m.wangbatian.cn）</title>
<script type="text/javascript">
var arr = new Array("","","");            
//創(chuàng)建數(shù)組
function price(myPrice){                  
//用數(shù)組存儲(chǔ)價(jià)格信息
 arr[0] = myPrice;
 count();                             
 //計(jì)算結(jié)果
}
function Tcount(myCount){
 arr[1] = myCount;                     
//用數(shù)組保存數(shù)量信息
 count();                              
//計(jì)算結(jié)果
}
function off(myOff){
 arr[2] = myOff;                       
//保存折扣信息
 count();                              
//計(jì)算結(jié)果
}
function count(){
 myResult.value =arr[0]*arr[1]*arr[2]; 
//返回計(jì)算結(jié)果
}
</script>
</head>
<body>
單價(jià)：<input type="text" name="PriceObj" 
onkeyup="price(this.value)"><br><br>
數(shù)量：<input type="text" name="CountObj" 
onkeyup="Tcount(this.value)"><br><br>
折扣：<input type="text" name="OffObj" 
onkeyup="off(this.value)"><br><br><br>
計(jì)算公式：?jiǎn)蝺r(jià)*數(shù)量*折扣<br><br>
金額：<input type="text" name="myResult"><br><br>
</body>
</html>
 

 
【運(yùn)行效果】

實(shí)時(shí)計(jì)算折扣運(yùn)行效果