jQuery模拟淘宝购物车功能

前端之家收集整理的这篇文章主要介绍了jQuery模拟淘宝购物车功能前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

首先我们要实现的内容的需求有如下几点:

1.在购物车页面中,当选中“全选”复选框时,所有商品前的复选框被选中,否则所有商品的复选框取消选中。

2.当所有商品前的复选框选中时,“全选”复选框被选中,否则“全选”复选框取消选中。

3.单击图标-的时候数量减一而且不能让物品小于0并且商品总价与积分随之改变。

4.单击图标+的时候数量增加并且商品总价与积分随之改变。

5.单击删除所选将删除用户选中商品,单击删除删除该商品即可并达到商品总价与积分随之改变。

下面我们就开始进入代码:

a").live("click",function () { $(this).parent().parent().prev().remove(); $(this).parent().parent().remove(); subtotal(); }); } //删除所选 function deleselect() { $("#deleteAll>img").live("click",function () { $("[name=cartCheckBox]").each(function () { if ($(this).attr("checked") == "checked") { $(this). parent().parent().prev().remove(); $(this).parent().parent().remove(); } }); subtotal(); }); }

以上就是本文的全部内容,希望本文的内容对大家的学习或者工作能带来一定的帮助,同时也希望多多支持编程之家!

猜你在找的jQuery相关文章