本文的示例介绍了jQuery实现购物车价格功能的方法，供大家参考：

客观的

在HTML界面中的购物车、购物车次商品价格和总要修改的数量。

实现思路

1。当点击登录界面，刷新触发onload =方法在身体和跳跃的JS代码。这样做的原因是，我们只能储存客户数据库中的商业软件包的采购，所有的物品不要存放各种商品价格和商品购物车小计总价格，目的是为了初始化这些数字将计算和前台界面显示。

2。当商品数量变化时，每次输入商品箱时，商品的购物清单、商品的小计和总量依体积变化而变化。

完成地图显示

所有代码（Firefox）







车




$（函数（）{（））
无功大小= 3 * $（' #送入）。Width（）；
$（#送入）。Mouseover（函数（事件）{
目标$ = $（事件目标）；
如果（合网（'img '））
{
$（）。Css（{
高度：大小，
宽度：大小，
（。appendto）} $（# imgtest ））； / *将所有匹配的元素添加到内部元素指定结束位置。* /
}
}）。Mouseout（function（）{）
$（#尖）（去除）； / * * /删除元素
}）

}）


函数总数（id）
{
计算单一价格
无功量= document.getelementbyid（量+ ID值）；
无功价格= document.getelementbyid（价格+ ID值）；
无功smalltotal =数量*价格；
而在我国document.getelementbyid var =（smalltotal+身份证）；
而在我国smalltotal innerHTML =；

计算总价格。
VaR总价= 0；
对于（var a = 1；a < 3；a + +）{
无功量= document.getelementbyid（量+价值）；
无功价格= document.getelementbyid（价格+价值）；
无功smalltotal =数量*价格；
总价=总价+ smalltotal；
}
无功总= document.getelementbyid（总）；
总.innerHTML =总价；
}


函数初始化（）
{
VaR总价= 0；
对于（var a = 1；a < 3；a + +）{
无功量= document.getelementbyid（量+价值）；
无功价格= document.getelementbyid（价格+价值）；
无功smalltotal =数量*价格；
总价=总价+ smalltotal；
/ *警报（smalltotal）；* /
而在我国document.getelementbyid var =（smalltotal +）；
而在我国smalltotal innerHTML =；
}
购物车中所有商品的价格总和
无功总= document.getelementbyid（总）；
总.innerHTML =总价；
}


{ # imgtest
位置：绝对；
上图：100px；
左：400px；
Z指数：1；
}
表{
左：100px；
字体大小：20px；
}









商品名称


照片


数


价格


小计




商品1








二十


要素



商品2








三十


要素







总计：元








希望本文能对大家的jQuery程序设计有所帮助。