js购物车系统+复选框保持状态2021-4-20

最新推荐文章于 2022-05-06 22:47:19 发布

玖弦弦

最新推荐文章于 2022-05-06 22:47:19 发布

阅读量439

点赞数

分类专栏： JAVAEE 文章标签： session checkbox jsp java

本文链接：https://blog.csdn.net/weixin_47052162/article/details/115898862

版权

JAVAEE 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

js购物车系统+复选框保持状态2021-4-20

简单购物车系统

布局

购物车的三个jsp

meal.jsp代码

肉类购物页面有猪肉，牛肉，羊肉三个复选，后面有购买数量，利用request和session的方法实现。

request.getParameter(“name”);
session.setAttribute(name,value);

<body>
<% request.setCharacterEncoding("UTF-8");//中文编码
if(request.getParameter("c1")!=null)
	 {session.setAttribute("s1",request.getParameter("c1") );
     session.setAttribute("shu1",request.getParameter("c1s"));
	 }
if(request.getParameter("c2")!=null)
   { session.setAttribute("s2",request.getParameter("c2") );
     session.setAttribute("shu2",request.getParameter("c2s"));
   }
if(request.getParameter("c3")!=null)
    { session.setAttribute("s3",request.getParameter("c3") );
     session.setAttribute("shu3",request.getParameter("c3s"));
    }

%>
各种肉大甩卖，一律十块！<br>
<form action="meal.jsp"method="post">
 <p><input type="checkbox"name="c1" value="猪肉"<%if((session.getAttribute("s1")!=null)) {%> checked="checked"<%}%>>猪肉&nbsp;
 数量：<input type="text" name="c1s">
 </p>
  <p><input type="checkbox" name="c2" value="牛肉"<%if((session.getAttribute("s2")!=null)) {%> checked="checked" <%}%>>牛肉&nbsp;
  数量：<input type="text" name="c2s">
 </p>
   <p><input type="checkbox" name="c3" value="羊肉"<%if((session.getAttribute("s3")!=null)) {%> checked="checked" <%}%>>羊肉&nbsp;
  数量： <input type="text" name="c3s">
 </p>

<p><input type="submit" value="提交" name="B1">
  <a href="ball.jsp"> 买点别的</a>&nbsp;
  <a href="buy.jsp"> 查看购物车</a> 
</p>
</form>
</body>

ball.jsp代码

球类购买页面有足球，篮球，排球三个复选，也有数量框。

<body>
<% request.setCharacterEncoding("UTF-8");
if(request.getParameter("b1")!=null)
	 {session.setAttribute("s4",request.getParameter("b1") );
     session.setAttribute("shu4",request.getParameter("c4s"));
	 }
if(request.getParameter("b2")!=null)
	 {session.setAttribute("s5",request.getParameter("b2") );
     session.setAttribute("shu5",request.getParameter("c5s"));
	 }
if(request.getParameter("b3")!=null)
	 {session.setAttribute("s6",request.getParameter("b3") );
     session.setAttribute("shu6",request.getParameter("c6s"));
	 }

%>
各种球大甩卖，一律八块！<br>
<form action="ball.jsp"method="post">
 <p><input type="checkbox" name="b1" value="足球" <%if((session.getAttribute("s4")!=null)) {%> checked="checked"<%}%>>足球&nbsp;
 数量： <input type="text" name="c4s">
 </p>
 <p><input type="checkbox" name="b2" value="篮球" <%if((session.getAttribute("s5")!=null)) {%> checked="checked"<%}%>>篮球&nbsp;
   数量： <input type="text" name="c5s">
 </p>
  <p> <input type="checkbox" name="b3" value="排球"<%if((session.getAttribute("s6")!=null)) {%> checked="checked"<%}%>>排球&nbsp;
  数量： <input type="text" name="c6s">
 </p>

<p><input type="submit" value="提交" name="X1">
  <a href="meal.jsp"> 买点别的</a>&nbsp;
  <a href="buy.jsp"> 查看购物车</a> 
</p>
</form>
</body>

buycar.jsp代码

<body>
你选择的结果：<br>
<%
request.setCharacterEncoding("UTF-8");
String str,num;
if(session.getAttribute("s1")!=null)
{
	str=(String)session.getAttribute("s1");
	num=(String)session.getAttribute("shu1");
	out.print(str+" "+num+"<br>");
}
if(session.getAttribute("s2")!=null)
{
	str=(String)session.getAttribute("s2");
	num=(String)session.getAttribute("shu2");
	out.print(str+" "+num+"<br>");
}
if(session.getAttribute("s3")!=null)
{
	str=(String)session.getAttribute("s3");
	num=(String)session.getAttribute("shu3");
	out.print(str+" "+num+"<br>");
}
if(session.getAttribute("s4")!=null)
{
	str=(String)session.getAttribute("s4");
	num=(String)session.getAttribute("shu4");
	out.print(str+" "+num+"<br>");
}
if(session.getAttribute("s5")!=null)
{
	str=(String)session.getAttribute("s5");
	num=(String)session.getAttribute("shu5");
	out.print(str+" "+num+"<br>");
}
if(session.getAttribute("s6")!=null)
{
	str=(String)session.getAttribute("s6");
	num=(String)session.getAttribute("shu6");
	out.print(str+" "+num+"<br>");
}
%>

<a href="meal.jsp">回到肉类页面</a>&nbsp;
<a href="ball.jsp">回到球类页面</a>
</body>