js购物车





无标题文档




 


 
 

 
 
   
     
   
   
   
   
   
 
  
 
 
  
   
    
   
   
   
    
   
    
   
   
    
    
  
 
 
  
   
    
     
     
     
     
   
    
   
     
 
 
全选商品信息单价数量金额操作

   

   
    2018春夏季牛仔背带A字休闲长款连衣裙子女学生毛边时尚女装
     
   
125125.00

 

    YSL圣罗兰纯口红方管 正红色1正橘色13豆沙色梅子姨妈色裸色正品
   
320320.00


   

   已经选择的商品,共0
   总金额:0
   





 


 

// JavaScript Document

   function choose(){
         //获得所有,筛选
         var shops=document.getElementsByName("shop");
         for(var i=0;i<3;i++){
             //获得每一个
             var shop=shops.item(i);
             
             //判断是否选中
             if(shop.checked==true){
                 alert(shop.value);
                 }
             }
         }

       //全选
       function alls(){
           var shops=document.getElementsByName("shop");
           var alls=document.getElementById("all");
           if(alls.checked==true){
               if(shops.length!=null){
                   for(var i=0;i                          var sh=shops.item(i);
                         sh.checked=true;
                       }
                   }
               }
               else{
                   if(shops.length!=null){
                       for(var i=0;i                          var sh=shops.item(i);
                         sh.checked=false;
                       }
                    }
                }
                fanxuan();
            }
               //也是全选,不过是底下三个选中,全选自动选中,反之亦然
            function fanxuan(){
        var shops=document.getElementsByName("shop");    
        var alls=document.getElementById("all");
        var s=0;
        var inall=0;
        var no=0;
        for(var i=0;i             var sh=shops.item(i);
            if(sh.checked==true){
                s++;
                var j=document.getElementById("jin"+s);
                var shh=j.innerHTML;
                inall+=parseInt(shh);
            }
        }
        if(s==shops.length){
            alls.checked=true;
        }else{
            alls.checked=false;
        }
        var zong=document.getElementById("z1");
        zong.innerHTML=s;
        var zong1=document.getElementById("z2");
        zong1.innerHTML=inall;

                
            }
            
            function jisuan(num){
                var shus=document.getElementById("shu"+num);
                var shu=shus.value;
                var dans=document.getElementById("danjia"+num);
                var danjia=dans.innerHTML;
                var money=shu*danjia;
                var jins=document.getElementById("jin"+num);
                jins.innerHTML=money;
                fanxuan()
                }

      
      
      var t=3;
   function addRow(){
      
       var myTable=document.getElementById("myTable");
       var myTbody=document.getElementById("myTbody");
       var fRow;
        if(myTbody.firstChild) //判断是否有第2行
            fRow=myTbody.firstChild.nextSibling;
        //fRow=myTbody.lastChild;
        var newRow=document.createElement("tr")    ; //创建行节点
        newRow.setAttribute("id","row"+t);
        
        var col1=document.createElement("td");
        col1.setAttribute("align","center");   //创建单元格节点
        col1.innerHTML=""//为单元格添加t
        
        var col2=document.createElement("td");
        col2.setAttribute("id","spxx");
        col2.innerHTML="行李箱拉杆";
        
        var col3=document.createElement("td");
        col3.setAttribute("id","danjia"+t);
        col3.innerHTML="225";
        
        var col4=document.createElement("td");
        col4.innerHTML="";
        
        var col5=document.createElement("td");
        col5.setAttribute("id","jin"+t);
        col5.innerHTML="225.00";
        
        var col6=document.createElement("td");
        col6.innerHTML="";
         
        newRow.appendChild(col1);             
        newRow.appendChild(col2);
        newRow.appendChild(col3);
        newRow.appendChild(col4);
        newRow.appendChild(col5);
        newRow.appendChild(col6);
        
        if(fRow)
            fRow.parentNode.insertBefore(newRow,fRow);  //把行节点添加到fRow前
        else
            myTbody.appendChild(newRow);

       }
       
       
    function delRow(){
    var myTbody=document.getElementById("myTbody");
    var del=myTbody.lastChild;
    if(del)//判断要删除的行是否存在
      myTbody.removeChild(del);//删除行
     else
         alert("不存在!");
    }
    //function updateRow(){
      // var 
    //}
   function del(d){
       var dels=document.getElementById("row"+d);
       var table=dels.parentNode;//获取tr的父标签,table,用table删除tr。只能是父节点删除子节点,自己不能删除自己
        var ds=confirm("你确定要删除吗");
        if(ds==true){
            table.removeChild(dels);
            }
       
       }

你可能感兴趣的:(js购物车)