jquery實(shí)現(xiàn)購物車數(shù)量加減，價格計(jì)算功能

HTML代碼：

網(wǎng)站建設(shè)哪家好，找成都創(chuàng)新互聯(lián)公司！專注于網(wǎng)頁設(shè)計(jì)、網(wǎng)站建設(shè)、微信開發(fā)、成都小程序開發(fā)、集團(tuán)企業(yè)網(wǎng)站建設(shè)等服務(wù)項(xiàng)目。為回饋新老客戶創(chuàng)新互聯(lián)還提供了婺城免費(fèi)建站歡迎大家使用！

合計(jì)：￥242.00

保存

JS代碼：

/****點(diǎn)擊增加按鈕****/
$('.add').click(function(){
    //修改數(shù)量
    var n=$(this).next().html();
    var num=parseInt(n)+1;
    $(this).next().html(num);
    //計(jì)算價格
    var c= $(this).parent().siblings().children('.price').html();
    parseInt(c);
    var subPrice = num * c;
    var sub_price = subPrice.toFixed(2); //保留小數(shù)點(diǎn)后面兩位小數(shù)
    $(this).parent().siblings().children('.sub_total').html(sub_price);

    //計(jì)算總價
    var total=0;
    $('.sub_total').each(function(){
        var price=parseInt($(this).html());
        total+=price;
        var total_price = total.toFixed(2);
        $('.total b').html(total_price);
    });
});


/****點(diǎn)擊減少按鈕****/
$('.reduce').click(function(){
    //修改數(shù)量
    var n=$(this).prev().html();
    var num=parseInt(n)-1;
    if(num==0){return;}//數(shù)量減到0就能再減了
    $(this).prev().html(num);

    //計(jì)算價格
    var c= $(this).parent().siblings().children('.price').html();
    parseInt(c);
    var subPrice = num * c;
    subPrice.toFixed(2);
    var sub_price = subPrice.toFixed(2);
    $(this).parent().siblings().children('.sub_total').html(sub_price);

    //計(jì)算總價
    var total=0;
    $('.sub_total').each(function(){
        var price=parseInt($(this).html());
        total+=price;
        var total_price = total.toFixed(2);
        $('.total b').html(total_price);
    });
});

考慮到篇幅問題，沒有貼出CSS代碼，最終頁面截圖如下：

jquery實(shí)現(xiàn)購物車數(shù)量加減，價格計(jì)算功能

網(wǎng)站名稱：jquery實(shí)現(xiàn)購物車數(shù)量加減，價格計(jì)算功能
文章起源：http://weahome.cn/article/gjhdhs.html

真实的国产乱ⅩXXX66竹夫人,五月香六月婷婷激情综合,亚洲日本VA一区二区三区,亚洲精品一区二区三区麻豆

jquery實(shí)現(xiàn)購物車數(shù)量加減，價格計(jì)算功能

其他資訊

網(wǎng)站制作

企業(yè)服務(wù)

網(wǎng)站建設(shè)

服務(wù)器托管

真实的国产乱ⅩXXX66竹夫人,五月香六月婷婷激情综合,亚洲日本VA一区二区三区,亚洲精品一区二区三区麻豆

jquery實(shí)現(xiàn)購物車數(shù)量加減，價格計(jì)算功能

其他資訊

網(wǎng)站制作

企業(yè)服務(wù)

網(wǎng)站建設(shè)

服務(wù)器托管

jquery實(shí)現(xiàn)購物車數(shù)量加減，價格計(jì)算功能