[javascript]代码库
购物车h1 {
text-align:center;
}
table {
margin:0 auto;
width:60%;
border:2px solid #aaa;
border-collapse:collapse;
}
table th, table td {
border:2px solid #aaa;
padding:5px;
}
th {
background-color:#eee;
}
//加入购物车
function add_shoppingcart(btn){
//obj.eq(i)==$(obj[i])
//获取按钮的父亲的大哥的内容
var name = $(btn).parent().siblings().eq(0).html();
//获取按钮的父亲的二哥的内容
var price = $(btn).parent().siblings().eq(1).html();
//创建一个新的行
var tr = $('
'+'
'+name+''+'
'+price+''+'
'+' '+
''+
''+
'
'+'
'+price+''+'
'+'
');//将其追加到tbody之下
$("#goods").append(tr);
sum();
}
//加法
function increate(btn){
//获取按钮的哥哥的值
var n = $(btn).prev().val();
//加1后写回
$(btn).prev().val(++n);
//获取按钮的父亲的哥哥的内容
var price = $(btn).parent().prev().html();
//将金额写入按钮的父亲的弟弟内
$(btn).parent().next().html(n*price);
sum();
}
function outcreate(btn){
var n = $(btn).next().val();
if(n>=1){
$(btn).next().val(--n);
}
var price = $(btn).parent().prev().html();
$(btn).parent().next().html(n*price);
sum();
}
function rm(btn){
$(btn).parent().parent().remove();
sum();
};
function sum(){
var ms = $("#goods tr");
var num = 0;
for(var i=0;i
var td = ms.eq(i).children().eq(3);
var m = td.text();
num += parseFloat(m);
}
$("#total").text(num);
}
真划算
商品 | 单价(元) | 颜色 | 库存 | 好评率 | 操作 |
---|---|---|---|---|---|
罗技M185鼠标 | 80 | 黑色 | 893 | 98% | |
微软X470键盘 | 150 | 黑色 | 9028 | 96% | |
洛克iphone6手机壳 | 60 | 透明 | 672 | 99% | |
蓝牙耳机 | 100 | 蓝色 | 8937 | 95% | |
金士顿U盘 | 70 | 红色 | 482 | 100% |
购物车
商品单价(元)数量金额(元)删除
总计