顶部导航开始 -->

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

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

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

自学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');

}

}

});

});


自学php博客
请先登陆后发表评论
  • 最新评论
  • 总共1条评论
自学php博客

-自由 :6666

2016-10-25 18:20:57 回复

自学php博客
  • 哲涵 回复 -自由 :谢谢关注
  • 2016-10-26 07:39:02 回复
  • © 2014-2016 zixuephp.cn 版权所有
  • ICP证:皖ICP备16012107号
  • 联系邮箱:510082587@qq.com
  • 交流请加微信:weibobf2899 或扫下方二维码