當前位置:蘿卜系統下載站 > 技術開發教程 > 詳細頁面

JS完成購物車中常用的計數總價效果

JS完成購物車中常用的計數總價效果

更新時間:2023-06-17 文章作者:未知 信息來源:網絡 閱讀次數:

編程(Programming)是編定程序的中文簡稱,就是讓計算機代碼解決某個問題,對某個計算體系規定一定的運算方式,使計算體系按照該計算方式運行,并最終得到相應結果的過程。為了使計算機能夠理解(understand)人的意圖,人類就必須將需解決的問題的思路、方法和手段通過計算機能夠理解的形式告訴計算機,使得計算機能夠根據人的指令一步一步去工作,完成某種特定的任務。這種人和計算體系之間交流的過程就是編程。

【實例名稱】

JS實現購物車中常用的計數總價效果

【實例描述】

在一些購物網站中,用戶需要先將商品放到虛擬的購物車中,付款時系統會自動計算購物車中商品的總價值。本例學習制作一個簡單的購物車。

【實例代碼】

 

<html> <head> <title>小小購物車-本站(www.xue51.com)</title> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <script language="JavaScript"> var messages = new Array(11); //價格數組 messages[0] = ""; messages[1] = "12.30元"; messages[2] = "13.00元";    messages[3] = "14.20元"; messages[4] = "15.00元"; messages[5] = "21.30元"; messages[6] = "22.70元"; messages[7] = "23.20元"; messages[8] = "24.40元"; messages[9] = "31.80元"; messages[10] = "32.60元"; function numChange() {  with (document.form1)  {   var numIndex = bookNum.selectedIndex; //判斷用戶選擇的本數   bookPrice.value = messages[numIndex]; //獲取價格   bookTotal.value =  messages[numIndex].slice(0,-1)*numIndex+"元"; //計算總價  } } </script> <title>無標題文檔-本站(www.xue51.com)</title> </head>

<body> <form name="form1" method="post" action="">  數量 <select name="bookNum" onChange="numChange()">     <option value="0">購買數量</option>     <option>1本</option>     <option>2本</option>     <option>3本</option>     <option>4本</option>     <option>5本</option>     <option>6本</option>     <option>7本</option>     <option>8本</option>     <option>9本</option>     <option>10本</option>   </select>  單價  <input name="bookPrice"   readonly />   總價   <input name="bookTotal" type="text" id="bookTotal" /> </form> </body> </html>

 

 

【運行效果】

 購物籃中常用的計數總價效果運行效果

【難點剖析】

本例中的“單價”輸入框是只讀的.在input標簽中使用“readonly”控制文本框是否只讀。用戶選擇下拉框,系統根據用戶的選擇自動計算本商品的單價.這些單價都保存在數組“messages”中。計算總價時使用數組對象的“slice”方法,此方法也返回一個數組,該數組是原數組的子集,始于參數一,結束于參數二。

【源碼下載】

為了JS代碼的準確性,請點擊:JS實現購物車中常用的計數總價效果 進行本實例源碼下載 


使用編程語言寫的程序,由于每條指令都對應計算機一個特定的基本動作,所以程序占用內存少、執行效率高。

溫馨提示:喜歡本站的話,請收藏一下本站!

本類教程下載

系統下載排行

網站地圖xml | 網站地圖html
亚洲嫩草影院久久精品