在購車中我覺得最好使用each()和prop()方法,如果你用事件**的話也可以實現但是**有點長還要加入for迴圈遍歷(不建議使用for迴圈,與優化有關(下面是我實現的方法))
以下**只提供作為思路上方法的參考(如果直接執行是會少一些檔案的)
functionshopchar(data)
$.extend(shopchar.prototype,,
//商品全選和反選
//單選按鈕**計算
price_all:function
(ind)
if(!b)
this.sumpri.html(this
.a);
},//全選按鈕**計算
price_a:function
()
this.sumpri.html(this
.a);
}else
},//全選按鈕點選
check_shop:function
(), check_sho:
function
(event)
},//單選按鈕點選
check_to:function
(), son_check:
function
(i),
son_chec:
function
(even)
else
this
.price_all(index);
},//商品新增和刪除
//商品新增(點選+)
add_product:function
(), add_produc:
function
(i),
add_prpdu:
function
(even)
},//商品減少(點選-)
reduce_product:function
(), reduce_produc:
function
(i),
reduce_prpdu:
function
(even)
},//刪除商品(點選刪除按鈕)
del_product:function
(), del_produc:
function
(i),
del_produ:
function
(even)
})
html樣式
全選
商品單價
數量小計
操作
總價:0.00
結算
Vue實現購物車全選及價格計算
vuejs實戰 這本書中5.5是一道實戰題 利用計算屬性 指令等知識開發購物車。練習1 在當前示例基礎上擴充套件商品列表,新增一項是否選中該商品的功能,總價變為只計算選中商品的總價,同時提供乙個全選的按鈕。練習2 將商品列表list改為乙個二維陣列來實現商品的分類,比如可分為 電子產品 生活用品 和...
購物車商品價格計算
多組商品 計算 html id list type button value id j 0strong type button value id jia 單價 12.5元em 合計 0span li type button value 0strong type button value 單價 8.5...
jq商城購物車
xmlns class gwc style margin auto cellpadding 0 cellspacing 0 class gwc tb1 class tb1 td1 id checkbox1 type checkbox class allselect class tb1 td1 全選 ...