使用JQuery Clone 模板来实现商品信息的展示,展现形式可以通过修改模板中的td来确定每一行显示多少个商品信息
商品信息使用JSON数据来模拟
同一个产品点击多次,不会重复添加,而是在已有的基础上数量+1,
商品数量也可以手动输入,当输入0时,该商品将自动从购物车删除(点击减号到小于1时,也会提示是否从购物车删除商品信息)
每个产品的价格和总价都会根据添加和删除的操作来动态计算
基本的功能都已经实现, 建议使用IE6,7,8,浏览器运行,其他浏览器没有测试
HTML代码:
View Code
无标题文档商品列表
编号:000001
名称:aa
价格:2.5
描述:aaaaa
编号:000001
名称:aa
价格:2.5
描述:aaaaa
编号:000001
名称:aa
价格:2.5
描述:aaaaa
编号:000001
名称:aa
价格:2.5
描述:aaaaa
购物车
序号编号名称描述数量单价总价删除
1
000001
aa
aaaaa0
0
总价0.0
JS 代码
View Code
/*@@
@@
@@*/
var product=[
{prodId:"000001",prodName:"aa&