没有合适的资源?快使用搜索试试~ 我知道了~
温馨提示
购物车里的功能无非是商品数量的加减、商品删除、全选反选等操作,其实现过程如下所示: 1.html代码: <body> <div class=empty> 购物车空空如也,<a>快去选购吧</a> </div> <table border=2px id=table> <thead> <th> <input type=checkbox class=checkOnly style=vertical-align:middle;margin-right:20px;>全选 </th>
资源推荐
资源详情
资源评论
jquery实现购物车基本功能实现购物车基本功能
购物车里的功能无非是商品数量的加减、商品删除、全选反选等操作,其实现过程如下所示:
1.html代码:
<body>
<div class="empty">
购物车空空如也,<a href="javascript:void(0);" >快去选购吧</a>
</div>
<table border="2px solid #ccc" id="table">
<thead>
<th>
<input type="checkbox" class="checkOnly" style="vertical-align:middle;margin-right:20px;">全选
</th>
<th>序号</th>
<th>商品名称</th>
<th>数量</th>
<th>单价</th>
<th>小计</th>
<th>操作</th>
</thead>
<tbody>
<tr>
<td>
<input type="checkbox" class="check">
</td>
<td class="num">1</td>
<td>烤煎饼</td>
<td>
<span>
<input type="button" value="-" class="reduces">
<span class="span">1</span>
<input type="button" value="+" class="adds">
</span>
</td>
<td>单价:
<span class="price">2</span>
</td>
<td>
小计:
<span class="prices">2</span>
</td>
<td>
<a href="#" class="del">删除</a>
</td>
</tr>
<tr>
<td>
<input type="checkbox" class="check">
</td>
<td class="num">2</td>
<td>珍珠奶茶</td>
<td>
<span>
<input type="button" value="-" class="reduces">
<span class="span">1</span>
<input type="button" value="+" class="adds">
</span>
</td>
<td>单价:
<span class="price">4</span>
</td>
<td>
小计:
<span class="prices">4</span>
</td>
<td>
<a href="#" class="del">删除</a>
</td>
</tr>
<tr>
<td>
<input type="checkbox" class="check">
</td>
<td class="num">3</td>
<td>水煮鱼</td>
<td>
<span>
<input type="button" value="-" class="reduces">
<span class="span">1</span>
<input type="button" value="+" class="adds">
</span>
</td>
<td>单价:
<span class="price">20</span>
</td>
<td>
小计:
<span class="prices">20</span>
</td>
<td>
<a href="#" class="del">删除</a>
</td>
</tr>
<tr>
<td>
<input type="checkbox" class="check">
</td>
<td class="num">4</td>
<td>蛋糕</td>
<td>
<span>
<input type="button" value="-" class="reduces">
<span class="span">1</span>
<input type="button" value="+" class="adds">
</span>
</td>
<td>单价:
<span class="price">50</span>
</td>
<td>
小计:
<span class="prices">50</span>
资源评论
- 咸7932022-11-25资源不错,内容挺好的,有一定的使用价值,值得借鉴,感谢分享。
- 冷傲的奇怪少女2023-03-28总算找到了自己想要的资源,对自己的启发很大,感谢分享~
- m0_712413382022-11-25资源很受用,资源主总结的很全面,内容与描述一致,解决了我当下的问题。
- guoyuank2022-10-26感谢大佬分享的资源给了我灵感,果断支持!感谢分享~
weixin_38747566
- 粉丝: 12
- 资源: 931
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
最新资源
- (源码)基于Django和OpenCV的智能车视频处理系统.zip
- (源码)基于ESP8266的WebDAV服务器与3D打印机管理系统.zip
- (源码)基于Nio实现的Mycat 2.0数据库代理系统.zip
- (源码)基于Java的高校学生就业管理系统.zip
- (源码)基于Spring Boot框架的博客系统.zip
- (源码)基于Spring Boot框架的博客管理系统.zip
- (源码)基于ESP8266和Blynk的IR设备控制系统.zip
- (源码)基于Java和JSP的校园论坛系统.zip
- (源码)基于ROS Kinetic框架的AGV激光雷达导航与SLAM系统.zip
- (源码)基于PythonDjango框架的资产管理系统.zip
资源上传下载、课程学习等过程中有任何疑问或建议,欢迎提出宝贵意见哦~我们会及时处理!
点击此处反馈
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功