jquery mysql实现加入购物车_jQuery实现购物车添加商品并结算

这次给大家带来jQuery实现购物车添加商品并结算，jQuery实现购物车添加商品并结算的注意事项有哪些，下面就是实战案例，一起来看一下。

/*删除*/

$(function(){

$(".blue").bind("click",function(){

$(this).parent().parent().remove();

totalPrice();

});

/*当鼠标离开文本框时，获取当前值，调用totalPrice()函数进行结算*/

$(".shopping_product_list_5 input").bind("blur",function(){

var t = $(this).val();

totalPrice();

});

var allPrice = 0;

var allReduce = 0;

var allCount = 0;

$("#myTableProduct tr").each(function(){ /*循环购物车列表的每一行*/

var num = parseInt($(this).find(".shopping_product_list_5 input").val()); /*获取文本框中数量值*/

var price = parseFloat($(this).find(".shopping_product_list_4 label").text()); /* 获取商品价格*/

var total = price * num;

allPrice += total; /*计算所有商品的总价格*/

/*获取节省的金额*/

var reduce = parseFloat($(this).find(".shopping_product_list_3 label").text()) - parseFloat($(this).find(".shopping_product_list_4 label").text());

var reducePrice = reduce*num;

allReduce +=reducePrice;

/*获取积分*/

var count = parseFloat($(this).find(".shopping_product_list_2 label").text());

allCount +=count;

});

$("#product_total").text(allPrice.toFixed(2)); /*填写计算结果，其中利用toFixed()函数保留两位小数*/

$("#product_save").text(allReduce.toFixed(2));

$("#product_integral").text(allCount.toFixed(2));

});

function totalPrice(){

var allPrice = 0;

var allReduce = 0;

var allCount = 0;

$("#myTableProduct tr").each(function(){

var num = parseInt($(this).find(".shopping_product_list_5 input").val());

var price = parseFloat($(this).find(".shopping_product_list_4 label").text());

var total = price * num;

allPrice += total;

var reduce = parseFloat($(this).find(".shopping_product_list_3 label").text()) - parseFloat($(this).find(".shopping_product_list_4 label").text());

var reducePrice = reduce*num;

allReduce +=reducePrice;

var count = parseFloat($(this).find(".shopping_product_list_2 label").text());

allCount +=count;

});

$("#product_total").text(allPrice.toFixed(2));

$("#product_save").text(allReduce.toFixed(2));

$("#product_integral").text(allCount.toFixed(2));

}

您已选购以下商品

商品名

单品积分

市场价

当当价

数量

删除

私募(首部披露资本博弈秘密的金融...

189

￥32.00

￥18.90 (59折)

删除

小团圆(张爱玲最神秘小说遗稿)

173

￥28.00

￥17.30(62折)

删除

不抱怨的世界(畅销全球80国的世界...

154

￥24.80

￥15.40 (62折)

删除

福玛特双桶洗衣机XPB20-07S

358

￥458.00

￥358.00 (78折)

删除

PHP和MySQL Web开发 (原书第4版)

712

￥95.00

￥71.20 (75折)

删除

法布尔昆虫记(再买￥68.30即可参加“满199元减10元现金”活动)

10

￥198.00

￥130.70 (66折)

删除

清空购物车

￥

商品金额总计：

您共节省金额：￥

可获商品积分：

相信看了本文案例你已经掌握了方法，更多精彩请关注php中文网其它相关文章！

推荐阅读：