求大神，问道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>
剩下的都差不多，不懂再追
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
