四道题，查看成绩时弹出窗口，给出成绩并且给出正确答案

- 中国WEB开发者网络 (http://www.webasp.net)
-- 网页特效 (http://www.webasp.net/javascript/)
--- 四道题，查看成绩时弹出窗口，给出成绩并且给出正确答案 (http://www.webasp.net/javascript/1/606.htm)
-- 发布日期： 2005-06-22
<!-- 网页特效代码由[中国WEB开发者网络:http://www.ChinaWebDev.com]提供！ -->
<!-- 要实现此效果需要 2 个步骤： -->

<!-- 第 1 步： -->
<!-- 把下面的代码加到<HEAD></HEAD>区域中： -->

<script language="JavaScript">

var Total_Question = 4 // 修改这里与题目数量一致

var msg = ""

// 正确答案
var Solution = new Array(Total_Question)
Solution[0] = "TCP/IP"
Solution[1] = "集线器"
Solution[2] = "SUN"
Solution[3] = "Microsoft"
//

function GetSelectedButton(ButtonGroup)
{
for (var x=0; x < ButtonGroup.length; x++)
if (ButtonGroup[x].checked) return x
return 0
}

function ReportScore(correct)
{
var SecWin =
window.open("","scorewin","scrollbars,width=300,height=220")
var MustHave1 = "<HTML><HEAD><TITLE>测验成绩报告</TITLE></HEAD><BODY>"
var Percent = "<H2>测验成绩 : "+Math.round(correct/Total_Question*100)
+ "</H2><HR>"
lastscore=Math.round(correct/Total_Question*100)
if (lastscore == "100"){
msg = MustHave1 +Percent + "<font color='red'>恭喜，全部答对了！</font><p>" + msg + "<input type='button' value='close' onclick=javascript:window.close()></BODY></HTML>"}
else {
msg = MustHave1 +Percent + "<font color='red'>正确答案：</font><p>" + msg + "<input type='button' value='close' onclick=javascript:window.close()></BODY></HTML>"
}
SecWin.document.write(msg)
msg = "" //清空msg
}

function Grade()
{
var correct = 0
var wrong = 0
for (number=0; number < Total_Question; number++)
{
var form = document.forms[number] // Question #
var i = GetSelectedButton(form.q1)
if (form.q1[i].value == "1")
{ correct++ }
else
{ wrong++
msg += "Question "+(number+1)+"."
+Solution[number]+"<BR>"
}
}
ReportScore(correct)

}


</script>




<!-- 第 2 步： -->
<!-- 把下面的代码加到<BODY></BODY>区域中： -->

<table width="75%" border="0" align="center">
<tr>
<td>
<form>
三个非常简单的问题：<p>
(1)Internet上使用的网络协议是：__________
<br>
<input type="radio" name="q1" value="0" checked>X.25
<input type="radio" name="q1" value="1">TCP/IP
<input type="radio" name="q1" value="0">NetBEUI
<br><br> </form>

<form>
(2)HUB是指：__________
<br>
<input type="radio" name="q1" value="0" checked>网桥
<input type="radio" name="q1" value="1">集线器
<input type="radio" name="q1" value="0">网关
<input type="radio" name="q1" value="0">路由器
<br><Br> </form>

<form>
(3)JAVA是哪个公司的产品：__________
<br>
<input type="radio" name="q1" value="0" checked>Novell
<input type="radio" name="q1" value="0">Microsoft
<input type="radio" name="q1" value="1">SUN
<br><Br> </form>

<form>
(4)IIS(Internet Information Server)是哪个公司的产品：__________
<br>
<input type="radio" name="q1" value="0" checked>Novell
<input type="radio" name="q1" value="1">Microsoft
<input type="radio" name="q1" value="0">Netscape
<br><Br> </form>

<form>
<div align="center">
<input type="button" name="Submit" value="看看成绩"
onClick="Grade()" class="pt9">
</div>
</form>
</td>
</tr>
</table>

webasp.net