动态修改购物车商品的总价

在做购物车模块的时候,增删商品以及修改商品数量时,如何能自动的修改商品的价格?本文做一些简单的分享。

在做购物车模块的时候,增删商品以及修改商品数量时,如何能自动的修改商品的价格?本文做一些简单的分享。

我们在修改或者增减商品时,在购物车列表的底部,可以动态的显示当前选中商品的总价,本文的方法,不是最好的,只能说是可以把功能实现,有兴趣的朋友可以继续完善。

自学php博客

html代码:


合计:


jquery代码

//动态改变购物车商品的总额

function edit_total(key){

var str_check='check'+key.toString();

var str_num='num'+key.toString();

var str_price='price'+key.toString();

var num=document.getElementById(str_num).value;

var price=document.getElementById(str_price).innerHTML;

price=parseInt(price);

var check=document.getElementById(str_check).checked;

var total_tmp=num*price;

var total=document.getElementById('total').value;

total=parseInt(total);

if(check==true){

total=total_tmp+total;

document.getElementById('total').value=total;

}else{

total=total-total_tmp;

document.getElementById('total').value=total;

}


}

//jquery技术的使用

$(function(){

$('.jinggao').click(function(){

$('.jinggao').css('display','none');

});

$("#checkall").change(function(){

var check=$("#checkall").attr('checked');

if(check=='checked'){

alert('a');

for(var i=0;i<3;i++){

$(".check").attr('checked','checked');

}

}

});

});