欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

jQuery實現(xiàn)移動端手機(jī)商城購物車功能

 更新時間：2016年09月24日 16:54:25   投稿：mrr  
這篇文章主要介紹了jQuery實現(xiàn)移動端手機(jī)商城購物車功能的相關(guān)資料,非常不錯，具有參考借鑒價值，需要的朋友可以參考下

購物車數(shù)量加減

右加號

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

左減號

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

計算商品總價

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

最后附圖一張

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

相關(guān)文章

最新評論