原生JS实现购物车功能

html

class="catbox">
    "cartTable">
        class="on">
            class="on">
            class="on">
            class="on">
            

        

            

                class="check-all check" type="checkbox">  全选
            
商品
            
单价
            
数量
            
小计
            
操作
        
        
        

        
class="checkbox">class="check-one check" type="checkbox">
            
class="goods">"" alt="">Casio/卡西欧 EX-TR350
            
class="price">5999.88
            
class="count">class="reduce">
                class="count-input" type="text" value="1">
                class="add">+
            
class="subtotal">5999.88
            
class="operation">class="delete">删除
        
        
class="checkbox">class="check-one check" type="checkbox">
            
class="goods">"" alt="">Canon/佳能 PowerShot SX50 HS
            
class="price">3888.50
            
class="count">class="reduce">
                class="count-input" type="text" value="1">
                class="add">+
            
class="subtotal">3888.50
            
class="operation">class="delete">删除
        
        
class="checkbox">class="check-one check" type="checkbox">
            
class="goods">"" alt="">Sony/索尼 DSC-WX300
            
class="price">1428.50
            
class="count">class="reduce">
                class="count-input" type="text" value="1">
                class="add">+
            
class="subtotal">1428.50
            
class="operation">class="delete">删除
        
        
class="checkbox">class="check-one check" type="checkbox">
            
class="goods">"" alt="">Fujifilm/富士 instax mini 25
            
class="price">640.60
            
class="count">class="reduce">
                class="count-input" type="text" value="1">
                class="add">+
            
class="subtotal">640.60
            
class="operation">class="delete">删除
        
        
    
    
class="foot" id="foot">
        class="fl select-all">"checkbox" class="check-all check">  全选
        class="fl delete" id="deleteAll" href="javascript:;">删除
        
class="fr closing" οnclick="getTotal();">结 算
        "hidden" id="cartTotalPrice">
        
class="fr total">合计：￥"priceTotal">11957.48
        
class="fr selected" id="selected">已选商品"selectedTotal">4件class="arrow up">︽class="arrow down">︾
        
class="selected-view">
            
"selectedViewList" class="clearfix">
"http://www.jq22.com/demo/jquery-guc20151105/images/1.jpg">class="del" index="0">取消选择
"http://www.jq22.com/demo/jquery-guc20151105/images/2.jpg">class="del" index="1">取消选择
"http://www.jq22.com/demo/jquery-guc20151105/images/3.jpg">class="del" index="2">取消选择
"http://www.jq22.com/demo/jquery-guc20151105/images/4.jpg">class="del" index="3">取消选择
            class="arrow">◆◆ 
    

css

js

 

转载于:https://www.cnblogs.com/shanhaihong/p/5844626.html