爱购物,爱享优惠,尽在爱购优惠活动网!
當前位置:首頁 » 網購平台 » jq實現購物車數量加減
擴展閱讀
寧波奧德賽優惠價格 2021-03-15 14:26:02
丹尼斯購物卡能掛失么 2021-03-15 14:25:58
淘寶購物指紋驗證失敗 2021-03-15 14:24:44

jq實現購物車數量加減

發布時間: 2021-02-17 12:29:33

1. jquery問題購物車加減按鈕

因為一個頁面中只能存在一個 id 為 add 的元素,根據你現在的代碼,如果有10行記錄,那就會有10個 id 為 add 的 input。

所以你要把這些 input 的 id 都改為 class,text_box 的值也要根據每次點擊來判斷

<input class="min" name="" type="button" value="-" />
<input class="text_box" name="goodnum" type="text" value="${item.value.quantity }" style="width:25px;" />
<input class="add" name="" type="button" value="+" />

$(".add").click(function() {
// $(this).prev() 就是當前元素的前一個元素,即 text_box
$(this).prev().val(parseInt($(this).prev().val()) + 1);
setTotal();
});

$(".min").click(function() {
// $(this).next() 就是當前元素的下一個元素,即 text_box
$(this).next().val(parseInt($(this).next().val()) - 1);
setTotal();
});

2. jQuery thinkphp 購物車多物品數量的加減+總價計算

(1)、js里用+=就是連接的意思,不是累加的意思,所以不能用s+=,需要用s=XXX+s。
(2)、如內果容+1的時候,資料庫也+1,這塊需要用到ajax,當你單機的時候,觸發ajax
$.post("url",{"id":"商品id"},function(data){

})
url填寫一個地址,把商品的id發到處理頁,就可以實現了

3. jquery 購物車加減按鈕問題

沒反映,你就一步步調試,先在 min 方法內 alert(numm) 看看有沒有值,("#"+num).val(parseInt(numm)-1); 前面 加 $ 符號,這個屬於語法錯誤回,之後看看 一步答步 彈出 值 ,慢慢改

4. 如何實現加jquery購物車數量加減鏈接傳遞購買數量 帝國cms

具體要看你的網頁,你貼上你的購物車源碼和圖片看看

5. jquery實現購物車物品加減 沒效果,求解

你選擇器來取錯了,沒取到兩個按鈕:自
注意看,#是 id選擇器,class選擇器是以「.」開頭的。
你的代碼裡面 加減兩個按鈕的 id分別為:add1 和 min1 而它們的class為: add和min
所以正確的做法是
$("#add") ---> $("#add1") 、 $("#min") ---> $("#min1")
或者
$("#add") ---> $(".add") 、 $("#min") ---> $(".min")
有不明白的歡迎追問^_^

6. 如何用jquery寫多個購物車的數量曾減,我用jquery寫了但只第一個購物車增減有用,其它的無效,代碼如下:

這個時候就像前面大哥說的 不能用來表示了 可以用class
還有你的這個結構是不規范的 id一個頁面只能是唯一的
為了不同時改變 其他的購物車的數量 可以來找到相對的

這個結構:
<div>
<p>單價:3.95</p>
<input class="min" name="" type="button" value="-" />
<input class="text_box" name="" type="text" value="4" />
<inputclass="add" name="" type="button" value="+" />
<p>總價:<label class="total"></label></p>
</div>
<div>
<p>單價:3.95</p>
<input class="min" name="" type="button" value="-" />
<input class="text_box" name="" type="text" value="4" />
<input class="add" name="" type="button" value="+" />
<p>總價:<label class="total"></label></p>
</div>

把每個購物車用一個div包起來

js:
$(function(){
//var t = $("#text_box");
$(".add").click(function(){
var t= $(this).parent().find(".text_box"); //根據這個來找到它相對的元素 當然也可以直接 //$(this).prev(); 這個直接來找到
t.val(parseint(t.val()+1);
setTotal($(this),t.val());
})
$(".min").click(function(){
var t= $(this).parent().find(".text_box"); //根據這個來找到它相對的元素 當然也可以直接 //$(this).next(); 這個直接來找到
t.val(parseint(t.val()-1);
setTotal($(this),t.val());
})
function setTotal(obj,number){
var total=number*$(obj).parent().find("p:first").text(); //這里算出總價
$(obj)).parent().find("total").html(total.toFixed(2));
}
// setTotal();
})

給一個建議 以後要想做好東西 布局一定要好

一個好的結構 才能讓你任意操作

7. struts中jquery如何實現購物車中多個商品數量的增減

$("#btn").click(function(){
var txtvalue=$("商品數量input").val();

$("商品數量input").val(txtvalue+1);

});
你需要這個?還是對選擇器不熟,只能選到內地一條記錄?容

8. 如何用jquery實現購物車加減

直接刪除就是了。不過現在都在賽客寶貝街購物。正品,選擇多。

9. jquery實現的購物車商品數量變化,價格隨之變動,但是總價格怎麼跟著變啊

------------------javascript -------------------

function jia(id){
var t = $("#text_box_"+id);
var _price = parseInt($("#price_"+id).text());
var _val = parseInt(t.val())+1;
var result = (_val*_price).toFixed(2) ;
t.val(_val);
$("#total_"+id).html(result);
$("#totalmoney").html(getSum());
}
function getSum(){
var sum = 0;
$.each($("td>span[id^='total_']"),function(){
var _val = parseFloat(this.innerText);
sum += _val;
})
return sum;
}

--------------------- html 片段---------------------

<tr>
<td><span class="b red" id="price_1">69</span><span>¥</span></td>
<td><img src="../image/-.gif"align="absmiddle"onclick="jian(1)"/><input id="text_box_1" name="count" type="text" class="put1" value="1"/><img src="../image/-.gif" align="absmiddle" onclick="jia(1)"/></td>
<td><span class="b red" id="total_1">69</span><span>¥</span></td>
<td>刪除</td>
</tr>

------------------------------------------------
上面是我根據你的描述,進行了適當修改後的片段~~

基本原理就是對表格中的總價列進行了累加計算,最後寫到 」商品總金額「的位置。

10. jquery js實現的購物車商品數量變化,價格隨之變動,但是總價格怎麼跟著變啊

按照你的公式計算並更新一下不行嗎?
如果你不會寫,貼出你的代碼。。。