前台多个id值的传递（实例）

最新推荐文章于 2023-10-17 20:18:48 发布

shaokaiutf8

最新推荐文章于 2023-10-17 20:18:48 发布

阅读量3.1k

点赞数

CC 4.0 BY-SA版权

本文链接：https://blog.youkuaiyun.com/shaokaiutf8/article/details/53159572

本文展示了一段前端JSP代码，通过JavaScript实现用户选择多个商品ID的加减操作，并在用户提交时将选中的ID传递到后台Action进行处理。代码包括检查复选框状态、更新总数、显示/隐藏提交按钮等功能，以及删除和查看购买记录的接口调用。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

前台jsp

i用来记录迭代次数

j用来标记是否被选中

function jia(j) {

var z=Number(document.getElementById("b"+j).value);

var js=Number(document.getElementById("js").value);

if (z==0) {

document.getElementById("b"+j).value=z+1;

document.getElementById("tj").style.display="";

document.getElementById("js").value=js+1;

} else {

document.getElementById("b"+j).value=z-1;

document.getElementById("js").value=js-1;

/*如果没有被选中的目标将不显示提交按钮*/

if(document.getElementById("js").value==0) {

document.getElementById("tj").style.display="none";

}

functionchashu() {

//拿到用户账号

varuser=document.getElementById("user1").value;

varleng=Number(document.getElementById("quanbu").value);

varchuanchang=0;

varchuan=newArray();

vara=0;

varduoleng=0;

varduo=document.getElementsByName("duoxuan");

for( varc = 0; c < duo.length; c++) {

if(duo[c].checked){

chuan[chuanchang]=duo[c].value;

chuanchang++;

}

varad="";

for( var dd= 0; dd < chuan.length; dd++) {

ad+=String(chuan[dd])+",";

}

window.location="my/myshow!updategwc.action?wdusers.user="+user+"&&arr="+ad;

}

function chakan() {

varuser=document.getElementById("user1").value;

window.location="my/myshow!chakangm.action?wdusers.user="+user;

}

function del(id) {

var user=document.getElementById("user1").value;

window.location="my/myshow!deletegwc.action?wdusers.user="+user+"&&wdusers.id="+id;

}

</SCRIPT>

#chakan{

cursor:pointer;

}

#chakan:HOVER{

color: red;

}

body{

background-image:url("imgs/zxy/a4.jpg");

}

#del{

cursor: pointer;

}

#del:HOVER {

color: red;

}

#all{

position:absolute;

left: 60px;

top: 200px;

}

</STYLE>

</head>

<body>

<jsp:include page="../goods.jsp"></jsp:include><br/><br/><br/><br/><br/><br/><br/><br/><br/>

<% int i=0; %>

<% int j=0; %>

<span id="chakan" onclick="chakan();">查看购买记录</span><br/><br/>

<s:iterator value="list" var="l">

<div>

货品名称：<s:property value="#l.goodname"/>

尺码：<s:property value="#l.style"/>

颜色：<s:property value="#l.color"/>

数量：<s:property value="#l.shuliang"/>

单价： <s:property value="#l.danjia"/>元

总价：<s:property value="#l.zongjia"/>元 

<br/>

</div>

</s:iterator>

<input type="hidden" value="<%=i %>"id="quanbu"/>

<input type="hidden" value="<%=j %>"id="quanbuj"/>

<br/>

</div>

</body>

</html>

后台action

public String updategwc(){

//执行支付执行更改购物车中状态

String[] arr1=arr.split(",");

for (inti = 0; i < arr1.length; i++) {

intid=Integer.parseInt(arr1[i]);

System.out.println(id);

//执行更改并拿到被更改的物品数量、名称、颜色、型号

List l=dao.updategwc(wdusers.getUser(),id);

for(intj = 0; j < l.size(); j++) {

Wdgw w=(Wdgw) l.get(j);

int kucun=dao.findwdgoodsku(w.getGoodname(),w.getStyle(),w.getColor());

kucun-=Integer.parseInt(w.getShuliang());

servicedao.updatewdgoods(w.getGoodname(),w.getColor(),w.getStyle(), kucun);

}

return "goumai";

}