jQuery实现的购物车功能（可以减少或添加商品和自动计算价格）

购物车点击可以减少或增加商品和自动计算价格：

购物车可能有这个功能，点击按钮，可以实现货物的数量减少或增加，和时间来计算总的商品价格，通过以下代码示例介绍如何实现这一功能，当然，仿真实现的购物车放在好味道，但你可以在下面的代码中得到一些灵感或相关知识：

复制代码代码如下所示：















$（函数（）{（））

Click（函数（）{）

var t = $（这）。父（），发现（输入{类* = text_box }）；

T.val（parseInt（t.val（））+ 1）

settotal（）；

}）

$（）。Click（函数（）{）

var t = $（这）。父（），发现（输入{类* = text_box }）；

T.val（parseInt（t.val（））- 1）

如果（parseInt（t.val（））＜0）{

T.val（0）；

}

settotal（）；

}）

功能settotal（）{

var＝0；

$（#标签TD）。每个（函数（）{）

+ = parseInt（$（this）。找到（输入{类* = text_box }）。瓦迩（））

* parseFloat（$（this）。发现（'span {类* =价格}）。文本（））；

}）；

$（#总），Html（s.tofixed（2））；

}

settotal（）；

}）













单价：1.50













单价：3.95











总价格：







上述代码实现了一个简单的购物车功能，下面是对其实现的详细描述。

代码注释：

1（$（函数）{），当文档结构完全加载以执行函数中的代码时。

2美元（）。Click（函数（{）}）。

3.var T = $（这）。父（），发现（输入{类* = text_box }）获取文本框，说明要购买的物品数量。

4.t.val（parseInt（t.val（））+ 1），对项目的数量加1点。

5.settotal（）的函数，可以执行计算总价和显示。

6 $（）。Click（函数（{）}），用于单击事件处理程序注册的减号按钮。

7.function（settotal）{ }，这个函数可以计算并显示总价格。

8.var S = 0，声明一个变量，用来存储的总价格。

9。$（#标签TD）。每个（函数（）{（）

+ = parseInt（$（this）。找到（输入{类* = text_box }）。瓦迩（））* parseFloat（$（this）。发现（'span {类* =价格}）。文本（）））；

}）；

文本框可以遍历并乘以单价，然后添加，最后计算总价格。