关注
function add(items) {
var sum = 0,
num = 0,
html = "",
table = document.getElementById("jsTrolley"),
tbody = table.getElementsByTagName("tbody")[0],
tfoot = table.getElementsByTagName('tfoot')[0],
tr = tbody.getElementsByTagName("tr");
price = tfoot.getElementsByTagName('td')[0];
for (var i = 0; i < tr.length; i++) {
var a = tr[i].getElementsByTagName('td')[1];
sum += parseFloat(a.innerHTML);
}
for(var i =0;i<items.length;i++){
sum += items[i].price;
html += "<tr><td>"+items[i].name+"</td><td>"+items[i].price.toFixed(2)+"</td><td><a href='javascript:void(0);'>删除</a></td></tr>";
}
html = tbody.innerHTML+html;
tbody.innerHTML = html;
num = tbody.getElementsByTagName("tr").length;
price.innerHTML = sum.toFixed(2)+"("+num+"件商品)";
}
function bind() {
function fn(){
var node = this.parentNode.parentNode;
node.parentNode.removeChild(node);
var sum = 0,num=0;
var tbody = document.getElementById("jsTrolley").getElementsByTagName("tbody")[0];
var tr = tbody.getElementsByTagName("tr");
for (var i = 0; i < tr.length; i++) {
var a = tr[i].getElementsByTagName('td')[1];
sum += parseFloat(a.innerHTML);
num++;
}
num = tbody.getElementsByTagName("tr").length;
price.innerHTML = sum.toFixed(2)+"("+num+"件商品)";
}
var del = document.getElementById("jsTrolley").getElementsByTagName("a");
for (var i = 0; i < del.length; i++) {
del[i].onclick = fn;
}
}
bind();
查看原帖
点赞 1
相关推荐
点赞 评论 收藏
分享
05-06 22:57
广西工程职业学院 软件测试 点赞 评论 收藏
分享
04-14 11:32
佳木斯大学 电气工程师 点赞 评论 收藏
分享
牛客热帖
更多
正在热议
更多
# 聊聊这家公司值得去吗 #
225679次浏览 2129人参与
# 硬件人你反向读研了吗 #
41626次浏览 629人参与
# 为了找工作你投递了多少公司? #
6582次浏览 83人参与
# 工作一周年分享 #
26636次浏览 126人参与
# 一人一个landing小技巧 #
77190次浏览 1106人参与
# kpi面有什么特征 #
28609次浏览 152人参与
# 入职第一天,你准备什么时候下班 #
54791次浏览 349人参与
# 小米提前批笔试难吗 #
33151次浏览 352人参与
# 正在实习的你,几点下班 #
156299次浏览 1085人参与
# 担心入职之后被发现很菜怎么办 #
125959次浏览 749人参与
# 一人推荐一个机械人值得去的公司 #
403216次浏览 4136人参与
# 毕业论文怎么查AI率 #
43045次浏览 1891人参与
# 夸夸我的求职搭子 #
192181次浏览 1898人参与
# 校招入职后的感受 #
274861次浏览 2668人参与
# 投格力的你,拿到offer了吗? #
82456次浏览 573人参与
# Tplink求职进展汇总 #
130302次浏览 728人参与
# 体制内上岸心路历程 #
26548次浏览 212人参与
# 华为池子有多大 #
87564次浏览 689人参与
# 产品每日一题 #
43536次浏览 563人参与
# tplink提前批进度交流 #
162343次浏览 1367人参与