标题:js实现简易知识考卷(1)
只看楼主
js_friend
Rank: 1
来 自:guangzhou
等 级:新手上路
威 望:1
帖 子:36
专家分:0
注 册:2011-5-9
结帖率:100%
 问题点数:0 回复次数:1 
js实现简易知识考卷(1)
<html>
<center><div style="font-size:64px;color:brown;font-family:'仿宋_GB2312';font-weight:bold">简易知识测试</div></center>
<hr>
<SCRIPT LANGUAGE="JavaScript">
<!-- Begin      
var messages = new Array(6);
var messa;

messa = "11分";
messa2 = "15分";

messages[0] = "";
messages[1] = "北京";
messages[2] = "1978年";      
messages[3] = "红色";
messages[4] = "Ballpen";
messages[5] = "Calendar";
function messageReveal() {
var messageindex = document.messageForm.messagePick.selectedIndex
document.messageForm.messageField.value = messages[messageindex];

}
function messageReveal2() {
document.messageForm.m.value = messa;
}
function messageReveal22() {
document.messageForm.pq.value = messa2;
}
function messageReveal3() {
var rd=document.getElementsByName("rd");
if (rd[2].checked) alert("正确");
else alert("错误");
}
function messageReveal4() {
var rd=document.getElementsByName("rd2");
if (rd[0].checked) alert("正确");
else alert("错误");
}
function messageReveal5() {
var fx=document.getElementsByName("fx");
if (fx[0].checked && fx[2].checked && fx[1].checked==false && fx[3].checked==false && fx[4].checked==false && fx[5].checked==false) alert("正确");
else if (fx[0].checked && fx[2].checked==false && fx[1].checked==false && fx[3].checked==false && fx[4].checked==false && fx[5].checked==false) alert("答案不完整");
else if (fx[2].checked && fx[0].checked==false && fx[1].checked==false && fx[3].checked==false && fx[4].checked==false && fx[5].checked==false) alert("答案不完整");
else alert("错误");
}
// End -->
</SCRIPT>


<style type="text/css">
<!--
.b1{
border-left-style:none; border-right-style:none; border-top-style:none; border-bottom-color:#827315; border-bottom-width:1px; border-bottom-style:solid;
}
-->
</style>

<body>
<form name="messageForm">
<select name="messagePick" OnChange="messageReveal()">
<option value="0">点击下拉框选择内容查看
<option>中国的首都在哪里?
<option>中国实行改革开放的年份?
<option>石蕊试纸遇到酸性物质显示什么颜色?
<option>圆珠笔的英文名称是什么?
<option>日历的英文名称是什么?
</select>
<br><p>
<textarea name="messageField" rows=6 cols=50 wrap=virtual></textarea>
<p><br><br>

乒乓球一局分制:<input type=text name="m" class="b1">
<input type=button name="b" Onclick="messageReveal2()" value="答案"><p>
排球决胜局分制:<input type=text name="pq" class="b1">
<input type=button name="bq" Onclick="messageReveal22()" value="答案"><p>
下列最富含维生素C的食物:
<input type=radio name="rd" value="家禽">家禽
<input type=radio name="rd" value="鸡蛋">鸡蛋
<input type=radio name="rd" value="青菜">青菜
<input type=radio name="rd" value="鱼类">鱼类
<input type=button name="bq" Onclick="messageReveal3()" value="答案">
<p>
下列最富含维生素B的食物:
<input type=radio name="rd2" value="家禽">家禽
<input type=radio name="rd2" value="鸡蛋">鸡蛋
<input type=radio name="rd2" value="青菜">青菜
<input type=radio name="rd2" value="鱼类">鱼类
<input type=button name="bq" Onclick="messageReveal4()" value="答案">
<p>
下列哪些人物是英国人:
<input type=checkbox name="fx" value="瓦特">瓦特
<input type=checkbox name="fx" value="爱迪生">爱迪生
<input type=checkbox name="fx" value="牛顿">牛顿
<input type=checkbox name="fx" value="爱因斯坦">爱因斯坦
<input type=checkbox name="fx" value="门捷列夫">门捷列夫
<input type=checkbox name="fx" value="居里">居里
<input type=button name="bq" Onclick="messageReveal5()" value="答案">
</form>
</body>

</html>

搜索更多相关主题的帖子: function style 北京 
2011-05-31 17:15
topcss
Rank: 2
等 级:论坛游民
帖 子:8
专家分:20
注 册:2011-3-18
得分:0 
没有问题,我来接分!~
2011-09-14 19:16



参与讨论请移步原网站贴子:https://bbs.bccn.net/thread-341530-1-1.html




关于我们 | 广告合作 | 编程中国 | 清除Cookies | TOP | 手机版

编程中国 版权所有,并保留所有权利。
Powered by Discuz, Processed in 0.078262 second(s), 7 queries.
Copyright©2004-2024, BCCN.NET, All Rights Reserved