課程
/前端開發
/JavaScript
/用JS實現購物車特效
有一個地方功能不完善吧？刪除所有選中的之后，foot中結算前的已選數量和總價應該有所變化吧？
2019-05-13
源自：用JS實現購物車特效 2-12
正在回答
在刪除之后再次調用getTotal()
????deleteAll.onclick=function(){
????????if(selectedTotal.innerText!='0'){
????????????var?conf=confirm('確認全部刪除?');
????????????if(conf){
????????????????for(var?i=0,len=trs.length;?i<len;?i++){
????????????????????console.log(trs[i]);
????????????????????var?input=trs[i].getElementsByTagName('input')[0];
????????????????????if(input.checked){
????????????????????????trs[i].parentNode.removeChild(trs[i]);
????????????????????????len--;? //老師沒有改偽數組的長度，這會造成bug，無法運行改變選中數量及選中總計價格
????????????????????????i--;
????????????????????}????????????????
????????????????}
? ? ? ? ? ? ? ? //改變選中數量及選中總計價格? ? ????????????selectedTotal.innerText='0';? ????????????????priceTotal.innerText='0.00';
????????????}
????????}
????}
舉報
通過JavaScript實現類似淘寶網絡購物車功能效果
2 回答這個案例，有兩個問題，一個是一個個勾選到全部后，全選不會打勾，其二，選中刪除，不會更新下面的選中數量及總價
1 回答所有商品一個一個選中，全選也被選中怎么做
4 回答如果要在所有的選項都被選中后，全選的選項自動被選上，該怎么實現？
2 回答一個選擇框未選，應該全選框選擇狀態消失，但是我的所有選擇框都消失，為什么呢？
4 回答如果沒有商品的話，全選功能應該是沒有用的，但是老師你的這個購物車還能使用全選功能
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號-11 京公網安備11010802030151號
購課補貼聯系客服咨詢優惠詳情
慕課網APP您的移動學習伙伴
掃描二維碼關注慕課網微信公眾號
2020-06-04
在刪除之后再次調用getTotal()
2019-10-30
????deleteAll.onclick=function(){
????????if(selectedTotal.innerText!='0'){
????????????var?conf=confirm('確認全部刪除?');
????????????if(conf){
????????????????for(var?i=0,len=trs.length;?i<len;?i++){
????????????????????console.log(trs[i]);
????????????????????var?input=trs[i].getElementsByTagName('input')[0];
????????????????????if(input.checked){
????????????????????????trs[i].parentNode.removeChild(trs[i]);
????????????????????????len--;? //老師沒有改偽數組的長度，這會造成bug，無法運行改變選中數量及選中總計價格
????????????????????????i--;
????????????????????}????????????????
????????????????}
? ? ? ? ? ? ? ? //改變選中數量及選中總計價格
? ? ????????????selectedTotal.innerText='0';?
????????????????priceTotal.innerText='0.00';
????????????}
????????}
????}