HTML多项选择测验

时间:2015-09-09 08:21:48

标签: javascript jquery html

我最近正在进行HTML测验,这是在我们部门使用的公司页面之前显示的页面。如果用户正确回答,那么他可以获得他需要工作的页面的链接。

但是,当他回答错误时,他会收到一条消息,他可以再次回答,但是错误答案"他以前得到的仍然显示。这就是我不想发生的事情。

quiz.js文件的代码如下所示。我也发布了答案部分的HTML代码。

$(document).ready(function() 
{    
    $("#results").click(function() {                    
        if (!$("input[@name=q1]:checked").val()) 
        {            
            alert("You're not done yet!");        
        }        
        else 
        {            
            var cat1name = "1";                         
            var cat11name = "None";            
            var cat1 = ($("input[@name=q1]:checked").val() != "b"); // correct answer
            var cat11 = (!cat1); var categories = [];                      
            if (cat1) { categories.push(cat1name) };                            
            if (cat11) { categories.push(cat11name) };                        

            var catStr = 'You answered the following questions incorrectly: ' + categories.join(', ') + '';                     
            $("#categorylist").text(catStr);                        
            $("#categorylist").show("slow");            

            if (cat1) { $("#category1").show("slow"); };            

            if (cat11) { $("#category11").show("slow"); };
            { $("#closing").show("slow"); };
        }
    });
});      

<div id="results">            
    Answer      
</div>                

<div id="category1">            
    <p>              
        <strong>Wrong answer!</strong>
    </p>        
</div>        

<div id="category11">         
    <p>You answered correctly!</p>
    <p><a href="somelink</a></p>        
</div>

</div>
</body>
</html>

0 个答案:

没有答案