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

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

用JS實現購物車特效

難度初級
時長 1小時39分
學習人數
綜合評分9.80
83人評價 查看評價
10.0 內容實用
9.7 簡潔易懂
9.7 邏輯清晰
因js水平太差，前天把工作辭了，到元宵節的這段時間要好好提升一下js技能。老師的課程對我的幫助實在是太大了。非常感謝
聲音真像古巨基！
實在用不慣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初學者這個購物車表示有點難度
@炒了個基

----------------------
謝謝你的答案幫忙解決了問題!
如何所有商品選擇后，全選框也選上？很多回答都不對！
@ o月生o : if (checkInputs[i].checked) { for (var k = 0; k < checkAllInputs.length; k++) { checkAllInputs[k].checked = true; }; }; ---------------------------------------------------------------- 請問這里為什么是使用 k < checkAllInputs.length 為判斷條件? 實在不明白，請大家指教，謝謝！
我覺得添加getElementsByClassName方法的時候if判斷條件可以用正則 比較簡單，代碼量少
if ( / cls /.test( els[i].className)
border-spacing 屬性設置相鄰單元格的邊框間的距離（僅用于“邊框分離”模式）。
記得把注釋改一下，不然程序運行錯誤
/*表格樣式table */
table{
border-collapse: collapse;
}
/*td樣式 */
td{
border: 1px solid #000;

}
展示所選商品的div應該做成左右可以滑塊展示。
謝謝教師！這個教程很好！也感謝慕課網，繼續支持?。?！
看了兩邊，不過自己寫邏輯有點亂。
如果全部的多選都被選中，全選也選中，再在執行一個判斷就行。
function counting() {
var count = 0;
for(var i=0; i<checkbox.length; i++) {
if (checkbox[i].className === 'checkbox') {
if(checkbox[i].checked) {
count++;
}
}
}
return count == 4 ? true:false;
}
然后判斷counting,正確的就把全選都勾上，就OK了。
首頁上一頁3456789下一頁尾頁
課程須知
您需要掌握HTML語法，CSS布局基礎，基本的JavaScript語法知識。
老師告訴你能學到什么？
1. 實現兼容低版本IE的getElementsByClassName()方法 2. JS表格操作 3. 通過parseInt()，parseFloat()把字符串轉換成數字 4. 通過toFixed()把數字格式化成指定位數的小數 5. 事件代理的運用

微信掃碼，參與3人拼團

微信客服

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

 幫助反饋 APP下載

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

 公眾號

掃描二維碼
關注慕課網微信公眾號
友情提示：

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

本次提問將花費2個積分

你的積分不足，無法發表

為什么扣積分？

本次提問將花費2個積分

繼續發表請點擊 "確定"

為什么扣積分？

舉報

0/150
提交
取消