在做购物车模块的时候,增删商品以及修改商品数量时,如何能自动的修改商品的价格?本文做一些简单的分享。
我们在修改或者增减商品时,在购物车列表的底部,可以动态的显示当前选中商品的总价,本文的方法,不是最好的,只能说是可以把功能实现,有兴趣的朋友可以继续完善。
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'); } } }); }); |
宠物免费领养小程序,欢迎来踩