求大神,问道JavaScript简答的问题:用JavaScript做一个10道题测试考题的html5网页
求大神,问道JavaScript简答的问题:用JavaScript做一个10道题测试考题的html5网页,要求:1-3题为单选题(每题两分),4-6题为多选题(每题两分,...
求大神,问道JavaScript简答的问题:用JavaScript做一个10道题测试考题的html5网页,要求:1-3题为单选题(每题两分),4-6题为多选题(每题两分,错一个不得分,对一个得一分),7-9题为填空题(每题两分),第10题简答题(一题12分,超过10个字给三分,有三个符合答案的关键词给12分),最后要有提交按钮和自动判分对话框。
考题页面居中,在第一题上面有个自动计时按钮,一点开始答题。求大神帮忙,在线等 展开
考题页面居中,在第一题上面有个自动计时按钮,一点开始答题。求大神帮忙,在线等 展开
2个回答
展开全部
<!DOCTYPE iframe PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "
<html>
<head>
<style type="text/css">
ul { list-style:none;
}
</style>
</head>
<body>
<!-- 计时按钮 -->
<div align="center" id="" class="">
<input type="button" value="开始答题"/>
<input type="text" id="">
</div>
<!-- 1~3题 单选 -->
<div id="" class="">
<ul>
<li>
1、吉泽明步漂亮不漂亮?
</li>
<li>
A. 好<input type="radio" name="timu1" value="A">
B. 不好<input type="radio" name="timu1" value="B">
C. 都行<input type="radio" name="timu1" value="C">
D. 嗯<input type="radio" name="timu1" value="D">
</li>
</ul>
<ul>
<li>
2、吉泽明步漂亮不漂亮?
</li>
<li>
A. 好<input type="radio" name="timu2" value="A">
B. 不好<input type="radio" name="timu2" value="B">
C. 都行<input type="radio" name="timu2" value="C">
D. 嗯<input type="radio" name="timu2" value="D">
</li>
</ul>
<ul>
<li>
3、吉泽明步漂亮不漂亮?
</li>
<li>
A. 好<input type="radio" name="timu3" value="A">
B. 不好<input type="radio" name="timu3" value="B">
C. 都行<input type="radio" name="timu3" value="C">
D. 嗯<input type="radio" name="timu3" value="D">
</li>
</ul>
</div>
<!-- 4~6题 多选 -->
<div>
<ul>
<li>
4、以下明星你认识几个?(多选题)
</li>
<li>
A. 小泽玛利亚<input type="checkbox" name="timu4" value="A">
B. 苍井空<input type="checkbox" name="timu4" value="B">
C. 泷泽萝拉<input type="checkbox" name="timu4" value="C">
D. 天海翼<input type="checkbox" name="timu4" value="D">
</li>
</ul>
<ul>
<li>
5、以下明星你认识几个?(多选题)
</li>
<li>
A. 小泽玛利亚<input type="checkbox" name="timu5" value="A">
B. 苍井空<input type="checkbox" name="timu5" value="B">
C. 泷泽萝拉<input type="checkbox" name="timu5" value="C">
D. 天海翼<input type="checkbox" name="timu5" value="D">
</li>
</ul>
<ul>
<li>
6、以下明星你认识几个?(多选题)
</li>
<li>
A. 小泽玛利亚<input type="checkbox" name="timu6" value="A">
B. 苍井空<input type="checkbox" name="timu6" value="B">
C. 泷泽萝拉<input type="checkbox" name="timu6" value="C">
D. 天海翼<input type="checkbox" name="timu6" value="D">
</li>
</ul>
</div>
<!-- 7~9题 填空 -->
<div>
<ul >
<li>
7、你最喜欢的明星是哪些?<INPUT TYPE="text" id="timu7" style="width:300;border:none;border-bottom:1px solid #005;background:transparent;">
</li>
<li>
8、你最喜欢的明星是哪些?<INPUT TYPE="text" id="timu8" style="width:300;border:none;border-bottom:1px solid #005;background:transparent;">
</li>
<li>
9、你最喜欢的明星是哪些?<INPUT TYPE="text" id="timu9" style="width:300;border:none;border-bottom:1px solid #005;background:transparent;">
</li>
</ul>
</div>
<!-- 10题 简答 一题12分,超过10个字给三分,有三个符合答案的关键词给12分 -->
<div>
<ul>
<li>
10、你对以上明星的评价如何
</li>
<li>
<textarea id="timu10" style="resize:none;width:500px;height:100px" ></textarea>
</li>
</ul>
</div>
<!-- 提交按钮和自动判分对话框 -->
<div align="center">
<input type="button" value="提交" onclick="sub()"/>
<script type="text/javascript">
function sub(){
var key = new Array();
key.push("");
var grade = 0;
key.push("A");
key.push("B");
key.push("D");
var timu1 = document.getElementsByName("timu1");
for(var i=0; i<timu1.length; i ++){
if(timu1[i].checked){
timu1 = timu1[i].value;
}
}
if(timu1==key[1]){
grade = grade+2;
}
alert(grade);
}
</script>
</div>
</body>
</html>
剩下的都差不多,不懂再追
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询