用JavaScript做简易的购物车的代码示例

下面是我做的一个超简单的购物车,全部都是用原生js做的

css

  table{
   text-align: center;

  }
  table img{
   width: 50px;
  }
 a {
  text-decoration: none;
  color: red;
}
 

body

  

  

   
全选 
   
商品
   
单价
   
数量
   
操作
  
  
  

   

    

    
![](../img2/1.png)
    
3
    

    
删除
   
   

    
![](../img2/2.png)
    
3
    

    
删除


   
   

    
![](../img2/3.png)
    
3
    

    
删除


   
  

  

   
总价:
   

  
  

 
 删除选中项

js

效果图

这个购物车是在学习js时做的,比较简单,但基本功能还是有的:

1. 可以全选,单个选择.
2. 可以单个的删除,删除选中项.
3. 总计可以根据数量的变化而变化.

大家用在线的编辑器查看一下效果会更好.

如果有问题的话,可以随时交流... (过两天会用jQury在做一个购物车的例子)

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持考高分网。