单选答题 求一个JS的答题例子,每一个页面一个题目(单选),当前页答题完了之后点击继续,进入下一题。第三页后统计结果。 解决方案 » 免费领取超大流量手机卡,每月29元包185G流量+100分钟通话, 中国电信官方发货 给你思路吧:每个答题页面都有form表单,第一个答题页面单击继续的时候,将题目以及选择的值传到下一页面中,而在下一页面中,用隐藏的文本框或其他容器接收,以此类推,到达统计页面的时候,将所有传的值显示。 献丑<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <style type="text/css"> #container { width:auto; height:100px; } </style> <script type="text/javascript"> var i = 0; var count = []; function continues() { var qu = [ "<p>你们那里美女多吗?</p><input type='radio' name='choose' value='bb' />你看吧,我还不是不晓得<input type='radio' name='choose' value='aa' />都不是我的", "<p>中国是个什么国情的国家?</p><input type='radio' name='choose' value='bb' />晓得个球<input type='radio' name='choose' value='aa' />是个民主旗号,实际共产党说了才算的国家", "<p>你觉得我们应该灭掉菲律宾和日本吗?</p><input type='radio' name='choose' value='aa' />应该<input type='radio' name='choose' value='bb' />我们应该去东京大屠杀,强奸日本的女人"]; var ques = document.getElementById("ques"); var chooseValue = document.getElementsByName("choose"); for(var a=0;a<chooseValue.length;a++) { if(chooseValue[a].value == 'aa' && chooseValue[a].checked == true) { alert(chooseValue[a].value); count.push(1); } } if(i == 3) { ques.innerHTML = "恭喜您!您得了:"+ count.length +"分"; }else{ ques.innerHTML = qu[i]; i += 1; } } </script> </head> <body> <div id="container"> <div id="ques"> <span onClick="continues()">点击这里开始答题</span> </div> <input type="button" value=" 继 续 " id="continues" onclick="continues()" /> </div> </body></html> 这样利用ajax也可以搞定 可以再这个上面改 您说的没错,用户体验固然重要。不过客户需求是这样。我也想在一个页面上处理就行了。看来只能用Get的URL传值了。 也可以不用啊,当你点击继续的时候open();一个网页,在网页地址后面添加他是否回答正确的分数,每一个都这样做到最后的一个网页的时候得到这个值一样能实现效果啊。或者每一个页面都提交一次服务器,在服务器中用一个变量保存分数,答对加1,到最后一个页面的时候请求这个变量显示到jsp页面中来一样能达到效果啊。 楼主给分吧 我的收断了 我开始做的就是用innerHTML来设置,人家说的她又很多页面,所以不能跳转1 【在线等】Dreamwear cs4中使用HTML5的canvas,出现了问题。。。 关于js的问题,急 js 获取 xml 全部内容。 如何在邮件中可以执行javascripts代码? Extjs4 GridPanel的dockedItems参数提交问题! 层的定位问题? 2个web页面怎么有一个"触发点",激活另一个页面的一个事件 請問怎樣給createElement的元素設定name 怎么打印发票??? 数组问题 急急急急急急急!!!!!! 如何在js中,通过字符串指向表单字段的名称? 关于jquery dialog的同步和异步问题
<html>
<head>
<meta charset="utf-8" />
<style type="text/css">
#container {
width:auto;
height:100px;
}
</style>
<script type="text/javascript">
var i = 0;
var count = [];
function continues() {
var qu = [
"<p>你们那里美女多吗?</p><input type='radio' name='choose' value='bb' />你看吧,我还不是不晓得<input type='radio' name='choose' value='aa' />都不是我的",
"<p>中国是个什么国情的国家?</p><input type='radio' name='choose' value='bb' />晓得个球<input type='radio' name='choose' value='aa' />是个民主旗号,实际共产党说了才算的国家",
"<p>你觉得我们应该灭掉菲律宾和日本吗?</p><input type='radio' name='choose' value='aa' />应该<input type='radio' name='choose' value='bb' />我们应该去东京大屠杀,强奸日本的女人"];
var ques = document.getElementById("ques");
var chooseValue = document.getElementsByName("choose");
for(var a=0;a<chooseValue.length;a++) {
if(chooseValue[a].value == 'aa' && chooseValue[a].checked == true) {
alert(chooseValue[a].value);
count.push(1);
}
}
if(i == 3) {
ques.innerHTML = "恭喜您!您得了:"+ count.length +"分";
}else{
ques.innerHTML = qu[i];
i += 1;
}
}
</script>
</head>
<body>
<div id="container">
<div id="ques">
<span onClick="continues()">点击这里开始答题</span>
</div>
<input type="button" value=" 继 续 " id="continues" onclick="continues()" />
</div>
</body>
</html>
看来只能用Get的URL传值了。
我开始做的就是用innerHTML来设置,人家说的她又很多页面,所以不能跳转1