亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定

用JS實現購物車特效

難度初級
時長 1小時39分
學習人數
綜合評分9.80
83人評價 查看評價
10.0 內容實用
9.7 簡潔易懂
9.7 邏輯清晰
實在用不慣while,我用for循環寫的
var tmp=0;
for(i;i<len;i++){
if(inputs[i].checked){
tmp=tmp+1;
}
ret.innerText='total:'+tmp;
if(tmp>0){
ret.style.display='block';
}else{
ret.style.display='none';
}
}
同學們注意計數得變量聲明到計算函數里面,不然計算會出錯.
對于一個js初學者這個購物車表示有點難度

最新回答 / qq_小Yan睛_04311022
待續。。。。。。。
@炒了個基

----------------------
謝謝你的答案幫忙解決了問題!
如何所有商品選擇后,全選框也選上?很多回答都不對!

最新回答 / zxhy
position:fixed。
@ o月生o : if (checkInputs[i].checked) { for (var k = 0; k < checkAllInputs.length; k++) { checkAllInputs[k].checked = true; }; }; ---------------------------------------------------------------- 請問這里為什么是使用 k < checkAllInputs.length 為判斷條件? 實在不明白,請大家指教,謝謝!

最新回答 / 石匠之心
他這段代碼是運行不了的。這段代碼要實現的是當一個個單獨的選擇框被全部選中時,全選框也要處于被選中狀態。這是老師的案例里沒有講的。

已采納回答 / P妞醬醬
主要看input和checkInput是如何定義的,他們都是一個變量,代表的都是復選框這個元素。
我覺得添加getElementsByClassName方法的時候if判斷條件可以用正則 比較簡單,代碼量少
if ( / cls /.test( els[i].className)
border-spacing 屬性設置相鄰單元格的邊框間的距離(僅用于“邊框分離”模式)。
記得把注釋改一下,不然程序運行錯誤
/*表格樣式table */
table{
border-collapse: collapse;
}
/*td樣式 */
td{
border: 1px solid #000;

}
展示所選商品的div應該做成左右可以滑塊展示。
謝謝教師!這個教程很好!也感謝慕課網,繼續支持?。。?/div>
課程須知
您需要掌握HTML語法,CSS布局基礎,基本的JavaScript語法知識。
老師告訴你能學到什么?
1. 實現兼容低版本IE的getElementsByClassName()方法 2. JS表格操作 3. 通過parseInt(),parseFloat()把字符串轉換成數字 4. 通過toFixed()把數字格式化成指定位數的小數 5. 事件代理的運用

微信掃碼,參與3人拼團

微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號

友情提示:

您好,此課程屬于遷移課程,您已購買該課程,無需重復購買,感謝您對慕課網的支持!

本次提問將花費2個積分

你的積分不足,無法發表

為什么扣積分?

本次提問將花費2個積分

繼續發表請點擊 "確定"

為什么扣積分?

舉報

0/150
提交
取消