html5手机购物车结算代码,原生JS实现购物车结算功能代码

999daa16a2d51e6ba27e8e61d2cc4af1.png

3efc3516b7ecb765a1f067c294640f12.png

插件描述:一款界面很舒服的,用户体验很高的购购物才结算插件

window.onload = function() {

if (!document.getElementsByClassName) {

document.getElementsByClassName = function(cls) {

var ret = [];

var els = document.getElementsByTagName('*');

for (var i = 0,

len = els.length; i 

if (els[i].className.indexOf(cls + ' ') >= 0 || els[i].className.indexOf(' ' + cls + ' ') >= 0 || els[i].className.indexOf(' ' + cls) >= 0) {

ret.push(els[i]);

}

}

return ret;

}

}

var table = document.getElementById('cartTable'); // 购物车表格

var selectInputs = document.getElementsByClassName('check'); // 所有勾选框

var checkAllInputs = document.getElementsByClassName('check-all') // 全选框

var tr = table.children[1].rows; //行

var selectedTotal = document.getElementById('selectedTotal'); //已选商品数目容器

var priceTotal = document.getElementById('priceTotal'); //总计

var deleteAll = document.getElementById('deleteAll'); // 删除全部按钮

var selectedViewList = document.getElementById('selectedViewList'); //浮层已选商品列表容器

var selected = document.getElementById('selected'); //已选商品

var foot = document.getElementById('foot');

// 更新总数和总价格,已选浮层

...

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值