登录  /  注册
首页 > web前端 > js教程 > 正文
基于JQuery实现的类似购物商城的购物车_jquery
php中文网
发布： 2016-05-16 17:58:38
原创
944人浏览过
商品信息使用JSON数据来模拟

同一个产品点击多次，不会重复添加，而是在已有的基础上数量+1，

商品数量也可以手动输入，当输入0时，该商品将自动从购物车删除（点击减号到小于1时，也会提示是否从购物车删除商品信息）

每个产品的价格和总价都会根据添加和删除的操作来动态计算

附下载链接：/201112/yuanma/jquery_gouwuche.rar

基本的功能都已经实现， 建议使用IE浏览器运行，其他浏览器没有测试

HTML代码：
复制代码 代码如下:





无标题文档


商品列表










购物车














序号编号名称描述数量单价总价删除






总价 0.0



JS 代码
复制代码 代码如下:




相关标签：
购物商城 购物车
来源：php中文网
上一篇：5个javascript的数字格式化函数分享_javascript技巧 下一篇：TimergliderJS 一个基于jQuery的时间轴插件_jquery
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn
作者最新文章
热门推荐
热门教程
更多>
相关教程
热门推荐
最新课程
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 意见反馈 讲师合作 广告合作 技术文章
php中文网：公益在线php培训，帮助PHP学习者快速成长！
关注服务号 技术交流群
app下载
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习
PHP中文网抖音号
发现有趣的

Copyright 2014-2023 //m.sbmmt.com/ All Rights Reserved | 苏州跃动光标网络科技有限公司 | 苏ICP备2020058653号-1

 | 本站CDN由 数掘科技 提供

登录PHP中文网，和优秀的人一起学习！
全站2000+教程免费学
微信扫码登录

  • 精品班

  • 立即咨询

  • 微信沟通

  • QQ群

  • 优惠券