html**:
-+刪除
全選
商品單價數量
小計操作
全選
全部刪除
已選商品:
3件顯示或隱藏
合計:¥
7000
結算
css**
body
div.box
div.box table
div.box table td, div.box th
div.box th
div.box table tbody img
div.box table tbody tr span
div.box table tbody tr td:nth-child(2) img
div.box table tbody tr td:nth-child(4) span
div.box table tbody tr td:nth-child(4) input
div.box table tbody tr td:nth-child(6) span
div.box div.bottom
div.box div.bottom span.delall
div.box div.bottom div.js
div.box div.bottom aside div
div.box div.bottom aside div span
div.box div.bottom aside img
div.box div.bottom aside
div.box div.bottom aside.on
div.box div.bottom aside:after
div.box div.bottom a, div.box div.bottom a:visited
js**
function $(exp) else
return el;
}var arr = ;/*表單的資料*/
arr[arr.length] = ;
arr[arr.length] = ;
arr[arr.length] = ;
arr[arr.length] = ;
var temp=$('#temp').innerhtml;
var tbody=$('#tbody');
arr.foreach(function (el) ", el.src).replace("", el.txt).replace("", el.price)
.replace("", el.price);
});var trs=$('#tbody tr');
var box=$('#box');
var aside=$('#bottom aside')[0];
box.onclick=function (ev) ;
break;
case 'del': //刪除商品
var tr=target.parentnode.parentnode;
if (confirm('你確定要刪除嗎?'))
tbody.removechild(tr);
break;
case 'check'://核取方塊選擇商品
chk(target);//執行核取方塊函式
break;
case 'delall'://刪除全部商品
if (confirm('你確定要刪除嗎?'))
tbody.innerhtml='';
break;
case 'show'://顯示、隱藏商品
aside.classlist.toggle('on');
break;
case 'cancel':
var index=target.getattribute('data-index');
trs[index].cells[0].children[0].checked=false;
}total();//計算**
};var total_all=$('#total');
var num=$('#num');
total();
function total() .jpg"/>取消選擇
` }
total_all.innertext=sum.tofixed(2);
num.innertext=number;
aside.innerhtml=str;})}
var checkall=$('#box .checkall');
function chk(target)
}checkall[0].checked = checkall[1].checked = flag;
}else
checkall[0].checked = checkall[1].checked = target.checked;}}
JS案例 購物車操作(簡單實現)
table tr nth child 1 imgimg span tdtr td nth child 2 tr td nth child 4 div button tr td nth child 4 div input tr td nth child 3 tr td nth child 5 tabl...
JS實現的購物車
hoppingcart jscript 檔案 read cookie function getcookie cookiename result unescape mycookie.substring start,end return result write cookie function setc...
js購物車的實現
購物車 在 類專案中,購物車是非常常見的,但購物車該怎麼實現呢?很多講購物車都是用html頁面模擬的靜態資料,這種資料沒有靈活性,正常的 思路應該是 根據使用者的id查詢出使用者的購物車中的商品,然後對使用者購物車商品進行遍歷,本文章就是對遍歷出來的商品進行購物車數量的加減和小計 總計之間的計算。遍...