js实现购物车

一个简单的购物车功能。

/*购物车*/
var cart = $.cookie("defaultcart");
var thingsMoney = 0;
if(cart == null){
$(".table_list").html("您的购物车暂时还没有商品,<a href='#'>现在采购</a>").css("background","#ccc");
}else{
var goods = cart.split(",");
var obj = goods[0].split(" ")[1];
var things = parseInt($(".thingsMonery").text());
var wareID = goods[0].split(" ")[0];
thingsMoney = obj * things;//
$("#number").val(obj);
$(".thingsMonery").text(thingsMoney);//商品价格的默认值。
/*减法*/
$("#jian").live("click",function(){
var numJian = --obj;//商品数量
var thingsM = numJian*things;//商品价格
$(".thingsMonery").text(thingsM);
if(numJian == 0 || thingsM == 0){
alert("商品数量不能低于0!");
return false;
}else{
$(".thingsMonery").val(things);
$("#number").val(numJian);
$(this).cartcookie({
userID: "default",
wareID: wareID, // wareId string 商品id
number: numJian, // number number 商品数量
type: "u" // type string 操作类型,新增为a,修改为u,删除为d。默认为新增
});
var cart = $.cookie("defaultcart");
}
});
/*加法*/
$("#jia").live("click",function(){
var numJia = ++obj;
var thingsM = numJia*things;
$("#number").val(numJia);//为输入框赋值
$(".thingsMonery").text(thingsM);//商品价格
$(this).cartcookie({
userID: "default",
wareID: wareID, // wareId string 商品id
number: numJia, // number number 商品数量
type: "a" // type string 操作类型,新增为a,修改为u,删除为d。默认为新增
});
var cart = $.cookie("defaultcart");
});
/*清空购物车*/
$("#shopbut").live("click",function(){
$(this).cartcookie({
userID: "default",
wareID: null, // wareId string 商品id
type: "d" // type string 操作类型,新增为a,修改为u,删除为d。默认为新增
});
var cart = $.cookie("defaultcart");
if(cart == null){
$(".table_list").html("清空购物车成功!<a href='javascript:void(0)' id='cagou'>现在采购</a>").css("background","#eee");
}
});
}


这里是把购物车的东西,加入cookie,所以还有一个cookie的js。这个我就不贴了。对于加入cookie的处理,请查看附件。
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值