$(".jiahao").click(function() {
var t = $(this).siblings().find("input");//取到數(shù)量
t.val(parseInt(t.val()) + 1);//parseInt()解析input一個(gè)字符串，返回一個(gè)整數(shù)
heji();//調(diào)用后面計(jì)算的函數(shù)
})

左減號(hào)

$(".jianhao").click(function() {
var t = $(this).siblings().find("input");
t.val(parseInt(t.val()) - 1);
//當(dāng)數(shù)量小于1的時(shí)候讓最小值等于1
if(parseInt(t.val()) < 1) {
t.val(1)
};
heji();
})

計(jì)算商品總價(jià)

function heji() {
$(".gwcar").each(function() {//循環(huán)整個(gè)購(gòu)物車
var oprice = ; //商品總價(jià)
$(this).find(".glist").each(function() {//循環(huán)購(gòu)物車?yán)锏拿總€(gè)商品，this值得是這個(gè)購(gòu)物車
if($(this).find(".btn").hasClass("option") == true) {//判斷商品被選中的情況下，this指的是購(gòu)物車的三個(gè)商品
var num = $(this).find(".shuliang").val();//取到數(shù)量，this指的還是購(gòu)物車的商品一個(gè)
var danjia = $(this).find(".danjia").text();
var xiaoji = num * danjia; //商品小計(jì)
oprice += xiaoji;
$(".zongjia").html(oprice);
};
});
});
};

最后附圖一張

以上所述是小編給大家介紹的jQuery實(shí)現(xiàn)移動(dòng)端手機(jī)商城購(gòu)物車功能，希望對(duì)大家有所幫助，如果大家有任何疑問(wèn)請(qǐng)給我留言，小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)腳本之家網(wǎng)站的支持！

您可能感興趣的文章: