本文共 2634 字，大约阅读时间需要 8 分钟。

JS小案例之购物车

gwc1.js

function add_shoppingcart(ele){	//获取当前行的商品信息	var eleTr = ele.parentNode.parentNode;	var eles = eleTr.getElementsByTagName("td");	var name = eles[0].innerText;	var price = eles[1].innerText;	//alert(name+price);		var flag = find(name);		if(!flag){		//添加到购物车中		var tbody = document.getElementById("goods");		var tr = document.createElement("tr");		tr.innerHTML = ""+name+" "+			""+price+" "+			" "+	       		" "+	       		" "+	       		" "+	       " "+	       ""+price+" "+	       "";	    tbody.appendChild(tr);	}		total_price();}function find(str){	var tbody = document.getElementById("goods");	var trs = tbody.getElementsByTagName("tr");	//console.log(str+"length:"+trs.length);		for(var i=0;i
   
    1){		num--;		value-=price;				input.value = num;		td_value.innerText = value;	}		total_price();}function add_one(ele) {	var tr = ele.parentNode.parentNode;	var tds = tr.getElementsByTagName("td");		var td_price = tds[1];	var price = parseInt(td_price.innerText);		var td_count = tds[2];	var input = td_count.getElementsByTagName("input")[1];	var num = parseInt(input.value);		var td_value = tds[3];	var value = parseInt(td_value.innerText);		num ++;	value += price;			input.value = num;	td_value.innerText = value;		total_price();}function total_price(){	var total = document.getElementById("total");		var tbody = document.getElementById("goods");	var trs = tbody.getElementsByTagName("tr");		//alert(111);		var sum = 0;	for(var i=0;i
   

gwc1.html

          
                       
真划算
    
   
          
     
              
商品
              
单价(元)
              
颜色
              
库存
              
好评率
              
操作
           
              
              
罗技M185鼠标
              
80
              
黑色
              
893
              
98%
              
                  
           
           
              
微软X470键盘
              
150
              
黑色
              
9028
              
96%
              
                  
           
           
              
洛克iphone6手机壳
              
60
              
透明
              
672
              
99%
              
                  
           
           
              
蓝牙耳机
              
100
              
蓝色
              
8937
              
95%
              
                  
           
           
              
金士顿U盘
              
70
              
红色
              
482
              
100%
              
                  
           
        
   
      
购物车
    
   
          
             
                
商品
                
单价(元)
                
数量
                
金额(元)
                
删除
             
          
          
                     
          
             
                
总计
                
                
             
          
       
      

转载地址：http://xwrws.baihongyu.com/