求救~！JS表

例如在做一个单选考试题目，一共100道题目，每次页面只显示1条题目，当选择答案后（如选择 A），在表中相应题目号位置中添入 A ~！但想回看前面题目时按表中的题目号显示回相应题目号的题目~！这些功能如何实现

解决方案 »

  1.   

    乱整了一通，你看能看懂不<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <title>jquery</title>
        <style type="text/css">
    ul{
    list-style-image:none;
    list-style-position:outside;
    list-style-type:none;
    width:980px;
    }
    li{
    float:left;
    border:1px #dcdcdc solid;
    width:20px;
    height:20px;
    }
        </style>
    </head>
    <body>
    题目：
    <div ><ul id="ot"></ul></div>
    <div style="clear:both;"><button onclick="left()">上一踢</button><button onclick="right()">下一题</button></div>
    <div id="oc" style="border:1px #dcdcdc solid;width:900px;height:300px">

    </div>
    <script>
    //生成题目。
    var ot=[];
    for(var i=0;i<100;i++){
    ot[i]={
    content:'这是第'+(i+1)+'几道题目。',
    anwser:{a:'a'+i,b:'b'+i,c:'c'+i,d:'d'+i},
    right:'a'
    }
    };
    var lis=[];
    var answers=[];
    var currrel=null;
    for(var i=0;i<ot.length;i++){
    lis.push('<li rel='+(i+1)+'>'+(i+1)+'</li><li id="li_'+(i+1)+'"></li>');
    }
    document.getElementById('ot').innerHTML=lis.join('');
    document.getElementById('ot').onclick=function(event){
    var e=event||window.event;
    var dom=e.target||e.srcElement;
    var rel=dom.getAttribute('rel');
    currrel=rel;
     totitle();
    } function totitle(){
    var rel=currrel;
    var rs=ot[rel-1];
    currtitle=rs;
    var str='<br/>A<input type="radio" name="answer" value="A" '+(answers[currrel]=='A'?'checked=true':"")+'>'+rs.anwser.a+'</input><br/>'
    str+='B<input type="radio" name="answer" value="B" '+(answers[currrel]=='B'?'checked=true':"")+'>'+rs.anwser.b+'</input><br/>'
    str+='C<input type="radio" name="answer" value="C" '+(answers[currrel]=='C'?'checked=true':"")+'>'+rs.anwser.c+'</input><br/>'
    str+='D<input type="radio" name="answer" value="D" '+(answers[currrel]=='D'?'checked=true':"")+'>'+rs.anwser.d+'</input>'
    document.getElementById('oc').innerHTML=rs.content+str;
    }
    function left(){
    setanswer();
    currrel--;
    totitle();

    }
    function right(){
    setanswer();
    currrel++;
    totitle();
    }
    function setanswer(){
    var rs=document.getElementsByName('answer');
    var an=null
    for(var i=0;i<rs.length;i++){
    if(rs[i].checked){
    an=rs[i].value;

    }
    }
    document.getElementById('li_'+currrel).innerHTML=an;
    answers[currrel]=an;
    }
    </script>
    </body>
    </html>
      

  2.   

    onclick=function(){}最后也加上setanswer（）吧