js购物车数量价格变化

Html

Css

商品	单价(元)	颜色	库存	好评率
冰箱	80	黑色	893	98%
洗衣机	150	黑色	9028	96%
空调	60	透明	672	99%
手机	100	蓝色	8937	95%
电视	70	红色	482	100%

商品	单价(元)	数量	金额(元)	删除
总计

   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 jia(btn) {
      var jia = btn.previousElementSibling;
      var tex = btn.parentNode.nextElementSibling;
      var danjia = btn.parentNode.parentNode.getElementsByTagName("td")[1].innerHTML;
      jia.value++;
      tex.innerHTML = danjia * jia.value;
      sum();
  }

function remove(btn) {
      var tbody = document.getElementById("goods");
      var tr = btn.parentNode.parentNode;
      tbody.removeChild(tr);
      sum();
  }

function sum() {
      var s = 0;
      var tbody = document.getElementById("goods");
      var jq = tbody.getElementsByTagName("tr");
      for (var i = 0; i < jq.length; i++) {
          var q = jq[i].getElementsByTagName("td")[3];
          s += parseFloat(q.innerHTML);
      }
      var total = document.getElementById("total");
      total.innerHTML = s;
  }

↑上面代码改变，会自动显示代码结果 jQuery调用版本：1.11.3

立即下载

js购物车数量价格变化



代码描述：商品添加删除数量以及价格关联

0

最新

发表评论全部评论

暂时没有评论！

登录后才可以评论

30秒后在评论吧!

PROMULGATOR

风的季节

相关代码

很想买

购物车

js购物车数量价格变化

最新