问题描述
- java web购物网站的购物车用jQuery实现的问题,求助
-
java web购物网站的购物车。用jQuery实现怎么样才能就写一段代码然后遍历输出商品信息,而不是多一个商品就多写一段代码?
这是具体的输出计算代码,他这边是一个商品就得写一次这个table然后还要一段js。怎么样只写一段就行了?
全选 商品 商品信息 单价(元) 数量 单价 操作 <!---商品加减算总数---->
$(function () {
var t = $("#text_box1");
$("#add1").click(function () {
t.val(parseInt(t.val()) + 1)
setTotal(); GetCount();
})
$("#min1").click(function () {
t.val(parseInt(t.val()) - 1)
setTotal(); GetCount();
})
function setTotal() {$("#total1").html((parseInt(t.val()) * document.getElementById("goodsprice").innerHTML).toFixed(2));
$("#newslist-1").val(parseInt(t.val()) * document.getElementById("goodsprice").innerHTML);
}
setTotal();
})<c:forEach var="mm" items="${cart.map}"> <table cellpadding="0" cellspacing="0" class="gwc_tb2"> <tr> <td class="tb2_td1"><input type="checkbox" value="1" name="newslist" id="newslist-1" /></td> <td class="tb2_td2"><a href="#"><img src="images/img1.jpg"/></a></td> <td class="tb2_td3"><a href="#">${mm.value.goods.goods_name }</a></td> <td class="tb1_td4">${mm.value.goods.description }</td> <td class="tb1_td8" id="goodsprice">${mm.value.goods.price }</td> <td class="tb1_td5"> <input id="min1" name="" style=" width:20px; height:18px;border:1px solid #ccc;" type="button" value="-" onclick="add()"/> <input id="text_box1" name="" type="text" value="${mm.value.amount}" style=" width:30px; text-align:center; border:1px solid #ccc;" /> <input id="add1" name="" style=" width:20px; height:18px;border:1px solid #ccc;" type="button" value="+" /> </td> <td class="tb1_td6"><label id="total1" class="tot" style="color:#ff5500;font-size:14px; font-weight:bold;"></label></td> <td class="tb1_td7"><a href="${pageContext.request.contextPath }/DeleteShoppingCartServlet?goods_id=${mm.value.goods.goods_id}">删除</a></td> </tr> </table> </c:forEach> <!---商品加减算总数----> <!-- <script type="text/javascript"> $(function () { var t = $("#text_box2"); $("#add2").click(function () { t.val(parseInt(t.val()) + 1) setTotal(); GetCount(); }) $("#min2").click(function () { t.val(parseInt(t.val()) - 1) setTotal(); GetCount(); }) function setTotal() { $("#total2").html((parseInt(t.val()) * 8).toFixed(2)); $("#newslist-2").val(parseInt(t.val()) * 8); } setTotal(); }) --> </script> <!-- <table cellpadding="0" cellspacing="0" class="gwc_tb2"> <tr> <td class="tb2_td1"><input type="checkbox" value="1" name="newslist" id="newslist-2" /></td> <td class="tb2_td2"><a href="#"><img src="images/img2.jpg"/></a></td> <td class="tb2_td3"><a href="#">产品标题</a></td> <td class="tb1_td4">一件</td> <td class="tb1_td5"> <input id="min2" name="" style=" width:20px; height:18px;border:1px solid #ccc;" type="button" value="-" /> <input id="text_box2" name="" type="text" value="1" style=" width:30px; text-align:center; border:1px solid #ccc;" /> <input id="add2" name="" style=" width:20px; height:18px;border:1px solid #ccc;" type="button" value="+" /> </td> <td class="tb1_td6"><label id="total2" class="tot" style="color:#ff5500;font-size:14px; font-weight:bold;"></label></td> <td class="tb1_td7"><a href="#">删除</a></td> </tr> </table> -->
解决方案
解决方案二:
只要商品的格式都是一样的就可以
解决方案三:
通过url传递参数,后台根据参数的值不同,显示不同的数据,前台一样的代码处理即可。
url: ...show.jsp?type=1
String type = request.getParameter("type");
//根据type到数据库查询数据,加载不同的数据。
相关文章
- ssh框架的。。购物车用数据库dao层,service层,和action层怎么写啊
- 购物车用数据库,用ssh框架来做,dao层中应该有哪些方法?
- java购物车问题-java关于商城购物车(cookie基于实现)的一个问题
- js-关于购物车多页面同步的问题
- 用session开发购物车,实现下面图中的效果,请不要用到jQuery,还没学。
- 购物车功能-关于android中购物车的功能实现
- 效果-需要做一个网站,却被困难拦住了
- java web-Java web 建网站需要多少准备,特别是购物车
- 编程-添加购物车时,如何让购物篮不清空
- 购物车 js-当我每次点击添加到篮子,怎么实现课程篮数量加一
【云栖快讯】2017互联网超级工程阿里双11完美落幕,交易额突破1682亿,但阿里工程师如何玩转“超级工程”,背后黑科技又是如何?12月13-14日,12位大咖直播分享揭秘1682亿背后技术实践,马上预约 详情请点击
热门推荐
- 高性能云服务器2折起
- 云服务器配置
- 技术资料
- 云计算
- 域名
- shell
- node.js
- 问答
- java
- mysql
- C++
- python
- jQuery
- Android
- asp
- PHP技巧
- jQuery教程
- JavaScript技巧
- JS
- SEO
- sql server
- mysql教程
- 前端
- 技术文集
- 技术
- 主题地图
- A
- z
- 云服务器哪家好
- API
- 大数据
- 云安全
- 云存储
- 云计算
- 获取公众号授权失败
- 兼容性疑难解答
- path
- stm32
- jsonobject
- product
前三篇
- c++-虚函数的默认参数问题
- javascript关于指针与对象引用的问题
- 异常-未能加载文件或程序集“System.Data.SQLite”或它的某一个依赖项
后三篇
- c++窗体-关于C++窗体交互跳转的问题
- c++ primer 习题8.6 文件总是打开失败
- java-Java 发送邮件,提示连接失败,错误如下,请大神帮帮我
(yq.aliyun.com)为您免费提供遍历-java web购物网站的购物车用jQuery实现的问题,求助相关信息,包括
jquery
,
java web
遍历
的信息
,所有遍历-java web购物网站的购物车用jQuery实现的问题,求助相关内容均不代表的意见!
该页面h5页面的地址是:https://m.aliyun.com/yunqi/wenzhang/show_39841,您可以点击遍历-java web购物网站的购物车用jQuery实现的问题,求助-手机站访问。