購(gòu)物車數(shù)量加減
右加號(hào)
$(".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í)候讓最小值等于1if(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)網(wǎng)站的支持!
新聞熱點(diǎn)
疑難解答
圖片精選
網(wǎng)友關(guān)注