JS实现购物车特效

效果:

1.点击全选按钮可以全选,再点击就全不选

2.点击数量 ‘ + ' ‘ -  ' 可以自动计算。并且合计保持更新。当数量大于1时‘ - '出现。小于等于1时‘ - '消失

3.点击删除可以实现删除功能。

4.点击全选旁的删除按钮可以全部删除。

5.选好商品后点击已选商品,可以显示选中的商品

6.选中的商品可以取消选择。




 
 购物车



商品 单价 数量 小计 操作
Casio/卡西欧 EX-TR350 5999.88 + 5999.88 删除
Canon/佳能 PowerShot SX50 HS 3888.50 + 3888.50 删除
Sony/索尼 DSC-WX300 1428.50 + 1428.50 删除
Fujifilm/富士 instax mini 25 640.60 + 640.60 删除

以上就是本文的全部内容,希望本文的内容对大家的学习或者工作能带来一定的帮助,同时也希望多多支持脚本之家!

你可能感兴趣的:(JS实现购物车特效)