html购物车总价,JS实现购物车中常用的计数总价效果

小小购物车-学无忧(www.xue51.com)

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+"元";

//计算总价

}

}

无标题文档-学无忧(www.xue51.com)

数量

购买数量

1本

2本

3本

4本

5本

6本

7本

8本

9本

10本

单价

总价

【运行效果】