html文档,用JavaScript写一个对选择题计分的网页,急!!!!!
麻烦帮我写一个文档,如题。要求第一道题单选a为正确答案,第二道题多选ab为正确答案,选择完毕后点击提交答案可以给出得分,假设每道题5分,选对记5分,选错不计分。实现这个效...
麻烦帮我写一个文档,如题。要求第一道题单选a为正确答案,第二道题多选ab为正确答案,选择完毕后点击提交答案可以给出得分,假设每道题5分,选对记5分,选错不计分。实现这个效果即可,不用加任何美化效果。如果能够加上计时功能更好,使网页到一定时间后自动提交。谢谢各位高手了~~~
展开
2个回答
展开全部
<script>
window.onload=function()
{
var oa1=document.getElementById('a1');
var oa2=document.getElementById('a2');
var ob2=document.getElementById('b2');
var obutton=document.getElementById('abutton');
var oresults=document.getElementById('results');
function sum()
{
var t=0;
if(oa1.checked) t+=5;
if(oa2.checked&&ob2.checked) t+=5;
oresults.innerHTML="您的最终成绩为"+t+"分";
}
obutton.onclick=sum;
}
</script>
<p>第一道题</p>
<input type="checkbox" name="a1" id="a1" />a
<input type="checkbox" name="b1" id="b1" />b
<input type="checkbox" name="c1" id="c1" />c
<input type="checkbox" name="d1" id="d1" />d
<p>第二道题</p>
<input type="checkbox" name="a2" id="a2" />a
<input type="checkbox" name="b2" id="b2" />b
<input type="checkbox" name="c2" id="c2" />c
<input type="checkbox" name="d2" id="d2" />d
<br />
<input type="button"id="abutton" value="提交答案
">
<p id="results"></p>
window.onload=function()
{
var oa1=document.getElementById('a1');
var oa2=document.getElementById('a2');
var ob2=document.getElementById('b2');
var obutton=document.getElementById('abutton');
var oresults=document.getElementById('results');
function sum()
{
var t=0;
if(oa1.checked) t+=5;
if(oa2.checked&&ob2.checked) t+=5;
oresults.innerHTML="您的最终成绩为"+t+"分";
}
obutton.onclick=sum;
}
</script>
<p>第一道题</p>
<input type="checkbox" name="a1" id="a1" />a
<input type="checkbox" name="b1" id="b1" />b
<input type="checkbox" name="c1" id="c1" />c
<input type="checkbox" name="d1" id="d1" />d
<p>第二道题</p>
<input type="checkbox" name="a2" id="a2" />a
<input type="checkbox" name="b2" id="b2" />b
<input type="checkbox" name="c2" id="c2" />c
<input type="checkbox" name="d2" id="d2" />d
<br />
<input type="button"id="abutton" value="提交答案
">
<p id="results"></p>
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询