課程
/前端開發(fā)
/JavaScript
/用JS實現(xiàn)購物車特效
有一個地方功能不完善吧?刪除所有選中的之后,foot中結(jié)算前的已選數(shù)量和總價應該有所變化吧?
2019-05-13
源自:用JS實現(xiàn)購物車特效 2-12
正在回答
在刪除之后再次調(diào)用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--;? //老師沒有改偽數(shù)組的長度,這會造成bug,無法運行改變選中數(shù)量及選中總計價格
????????????????????????i--;
????????????????????}????????????????
????????????????}
? ? ? ? ? ? ? ? //改變選中數(shù)量及選中總計價格? ? ????????????selectedTotal.innerText='0';? ????????????????priceTotal.innerText='0.00';
????????????}
????????}
????}
舉報
通過JavaScript實現(xiàn)類似淘寶網(wǎng)絡購物車功能效果
2 回答這個案例,有兩個問題,一個是一個個勾選到全部后,全選不會打勾,其二,選中刪除,不會更新下面的選中數(shù)量及總價
1 回答所有商品一個一個選中,全選也被選中怎么做
4 回答如果要在所有的選項都被選中后,全選的選項自動被選上,該怎么實現(xiàn)?
2 回答一個選擇框未選,應該全選框選擇狀態(tài)消失,但是我的所有選擇框都消失,為什么呢?
4 回答如果沒有商品的話,全選功能應該是沒有用的,但是老師你的這個購物車還能使用全選功能
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號-11 京公網(wǎng)安備11010802030151號
購課補貼聯(lián)系客服咨詢優(yōu)惠詳情
慕課網(wǎng)APP您的移動學習伙伴
掃描二維碼關(guān)注慕課網(wǎng)微信公眾號
2020-06-04
在刪除之后再次調(diào)用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--;? //老師沒有改偽數(shù)組的長度,這會造成bug,無法運行改變選中數(shù)量及選中總計價格
????????????????????????i--;
????????????????????}????????????????
????????????????}
? ? ? ? ? ? ? ? //改變選中數(shù)量及選中總計價格
? ? ????????????selectedTotal.innerText='0';?
????????????????priceTotal.innerText='0.00';
????????????}
????????}
????}