原生JS实现购物车结算功能代码

 查看演示  website  立即下载

window.onload = function() {
	if (!document.getElementsByClassName) {
		document.getElementsByClassName = function(cls) {
			var ret = [];
			var els = document.getElementsByTagName('*');
			for (var i = 0,
			len = els.length; i < len; 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');

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

PREVIOUS:
NEXT:
淘宝评论星级
jQuery弹出层插件gallery