JS实现购物车特效
效果:
创新互联是专业的宁夏网站建设公司,宁夏接单;提供网站制作、成都网站建设,网页设计,网站设计,建网站,PHP网站建设等专业做网站服务;采用PHP框架,可快速的进行宁夏网站开发网页制作和功能扩展;专业做搜索引擎喜爱的网站,专业的做网站团队,希望更多企业前来合作!
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实现购物车特效
文章链接:http://myzitong.com/article/iepioo.html