頂部導航開始 -->

動態修改購物車商品的總價

在做購物車模塊的時候,增刪商品以及修改商品數量時,如何能自動的修改商品的價格?本文做一些簡單的分享。

我們在修改或者增減商品時,在購物車列表的底部,可以動態的顯示當前選中商品的總價,本文的方法,不是最好的,只能說是可以把功能實現,有興趣的朋友可以繼續完善。

自學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號
  • 聯系郵箱:[email protected]
  • 交流請加微信:weibobf2899 或掃下方二維碼
双大床红利扑克1手APP