原生js-购物车案例(四)增减商品数量,小计价格计算
一.增减商品数量:
for(var i=0;i<tr.length;i++){
tr[i].onclick = function(e){
var inputs = this.getElementsByTagName("input")[1];
var val = parseInt(inputs.value);
var e = window.event || e;
var tar = e.target || e.srcElement;
//兼容问题
switch(tar.className){
case "add":
inputs.value = val+1;
subTotal(this);
break;
case "reduce":
if(val<=1){
inputs.value = 1;
}else{
inputs.value = val-1;
}
subTotal(this);
break;
case "delete":
var con = confirm("确定删除吗");
if(con){
this.parentNode.removeChild(this);
}
break;
}
getTotal();
}
}
也用了事件委托
二.小计价格计算
function subTotal(tr){
var td2 = tr.cells[2];
var td4 = tr.cells[4];
var inputs = tr.getElementsByTagName("input"