Javascript 通过 URL 参数方式传值给 JSP 页面

<%@ page language="java" pageEncoding="UTF-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>简易版考试系统</title>
<script language="javascript">

var group1Counter=0; // count for group1
var group2Counter=0; // count for group2

// 统计分数
function sumUp(){
total();
alert("The mark of group1 is: "+group1Counter+"\n"
+"The mark of group2 is: "+group2Counter);
transferValue();
}

// 第一组题目记分
function group1Count(checked){
if(checked){
group1Counter++;
}else{
group1Counter--;
}
}

// 第二组题目记分
function group2Count(checked){
if(checked){
group2Counter++;
}else{
group2Counter--;
}
}

// 实现参数通过 URL 传值给 JSP
[color=blue]function transferValue()
{
newURL="test.jsp?group1Counter="+group1Counter
+"&group2Counter="+group2Counter
+"&group3Counter="+group3Counter+"&total="+totalCount+"&show=show";
window.open(newURL);
} [/color]
</script>

<style type="text/css">
<!--
.container{
width:800px;
height:600px;
margin:0px auto;
}
.head{
width:800px;
height:50px;
font-size:30px;
text-align:center;
margin:5px 0px 5px 0px;
border:2px solid #ccaaff;
}
.group{
width:800px;
height:200px;
margin:5px 0px 5px 0px;
border:1px dashed #0e0;
}

.words{
width:800px;
height:43px;
margin:0px auto;
background:#bbbbcc;
font-size:12px;
text-align:center;
padding:3px;
}
-->
</style>
</head>

<body>
<div class="container">
<div class="head">
This Is A Simple Version Examination System
</div>
<div class="words">
<%
//从 request 中取值
String group1Counter = request.getParameter("group1Counter");
String group2Counter = request.getParameter("group2Counter");
%>
<%
if(null!=group1Counter){
%>
group1Counter:<%=group1Counter %> 分    
<%
}
if(null!=group2Counter){
%>
group2Counter:<%=group2Counter %> 分    
<%
}
%>
</div><p>
<form action="#" method="post" name="form1" onSubmit="return sumUp()">
<!-- The following are questions of first group -->
Question Group 1:<br>
<div class="group">
<input type="Checkbox" onClick="group1Count(this.checked)">question1<br>
<input type="Checkbox" onClick="group1Count(this.checked)">question2<br>
<input type="Checkbox" onClick="group1Count(this.checked)">question3<br>
<input type="Checkbox" onClick="group1Count(this.checked)">question4<br>
<input type="Checkbox" onClick="group1Count(this.checked)">question5<br>
<input type="Checkbox" onClick="group1Count(this.checked)">question6<br>
<input type="Checkbox" onClick="group1Count(this.checked)">question7<br>
<input type="Checkbox" onClick="group1Count(this.checked)">question8<br>
<input type="Checkbox" onClick="group1Count(this.checked)">question9<br>
<input type="Checkbox" onClick="group1Count(this.checked)">question10<br>
</div>

<!-- The following are questions of second group -->
Question Group 2:<br>
<div class="group">
<input type="Checkbox" onClick="group1Count(this.checked)">question1<br>
<input type="Checkbox" onClick="group1Count(this.checked)">question2<br>
<input type="Checkbox" onClick="group1Count(this.checked)">question3<br>
<input type="Checkbox" onClick="group1Count(this.checked)">question4<br>
<input type="Checkbox" onClick="group1Count(this.checked)">question5<br>
<input type="Checkbox" onClick="group1Count(this.checked)">question6<br>
<input type="Checkbox" onClick="group1Count(this.checked)">question7<br>
<input type="Checkbox" onClick="group1Count(this.checked)">question8<br>
<input type="Checkbox" onClick="group1Count(this.checked)">question9<br>
<input type="Checkbox" onClick="group1Count(this.checked)">question10<br>
</div>
<input type="submit" value="提交"><input type="reset" value="清空">
</form>
</div>
</body>
</html>
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值