Javascript 突出显示两个选项的测验答案

我正在大学里做一个就业能力测试，每个问题都有一个是和一个否的答案

如果单击“是”答案，它将亮显绿色，并在下面显示答案

但是，如果我单击“否”答案，它会高亮显示红色，并且还会高亮显示“是”答案框绿色，即使它尚未被单击

这是问题1：

$（文档）.ready（函数（）{
//获取问题总数
变量$questionNumber=$（'h2'）。长度；
console.log（$questionNumber）；
//缓存最终分数
var$totalScore=0；
$（'li'）。单击（函数（）{
//缓存变量
var$parent=$（this.parent（）；
var$span=$（this.find（'.fa'）；
//单击可停用选项
$parent.find（'li'）.off（'click'）；
//检查是否有错误。正确的类别
//如果有的话
if（$（this）.hasClass（'correct'））{
//添加.正确答案类
$（this.addClass（'correctAnswer'）；
//查找下一个跨度并更改图标
$span.removeClass（'fa-square-o'）。addClass（'fa-check-square-o'）；
//减少同级的不透明度
$（this.sides（）.addClass（'fade'）；
//作答
var$answerReveal=$parent.next（'.answerReveal'）.show（）；
var$toShowCorrect=$answerReveal.find（'.quizzAnswerC'）；
var$toShowFalse=$answerReveal.find（'.quizzAnswerF'）；
$toShowCorrect.show（）；
$toShowFalse.remove（）；
//总分加1
$totalScore+=1；
//log（$totalScore）；
}否则{
//添加错误答案类
$（this.addClass（'errorresponse'）.addClass（'fade'）；
//更改图标
$span.removeClass（'fa-square-o'）。addClass（'fa-check-square-o'）；
//减少其同级的不透明度
$（this.sides（）.addClass（'fade'）；
//显示错误消息
var$answerReveal=$parent.next（'.answerReveal'）.show（）；
var$toShowCorrect=$answerReveal.find（'.quizzAnswerC'）；
var$toShowFalse=$answerReveal.find（'.quizzAnswerF'）；
$toShowCorrect.remove（）；
$toShowFalse.show（）；
//找到正确答案并突出显示
$parent.find（'.correct'）.addClass（'correctAnswer'）；
};
})；//结束单击函数
//打印结果
函数printResult（）{
var resultText=''；
如果（$totalScore==$questionNumber）{
resultText+=“你从“+$questionNumber+”中获得“+$totalScore+”！
”；
$（'.resultContainer'）.append（resultText）；
$（“#半文本”）.append（“哇，你真是个好人！
”）；
$（'#半图像'）。追加（'
1.我知道在哪里/如何了解工作经验、实习和就业机会


是的，我知道去哪里找。


不，我不确定。


令人惊叹的！
干得好

您可以在014房间找到更多信息

您应该删除此行：

$parent.find('.correct').addClass('correctAnswer');

只需选择正确的答案并突出显示它——这是不应该的

---

很好的脚本。谢谢

---

对于此脚本，如何在不重新加载页面的情况下添加anwers重置功能

例如，我有滚动到顶部的脚本：

<a href="#" title="Scroll UP" class="scrollup">Scroll UP</a>
<script type="text/javascript">
    $(document).ready(function() {

        $(window).scroll(function() {
            if ($(this).scrollTop() > 100) {
                $('.scrollup').fadeIn();
            } else {
                $('.scrollup').fadeOut();
            }
        });

        $('.scrollup').click(function() {
            $("html, body").animate({
                scrollTop: 0
            }, 600);
            return false;
        });

    });
</script>

$（文档）.ready（函数（）{
$（窗口）。滚动（函数（）{
如果（$（this）.scrollTop（）>100）{
$（'.scrollup'）.fadeIn（）；
}否则{
$（'.scrollup'）.fadeOut（）；
}
});
$（'.scrollup'）。单击（函数（）{
$（“html，body”）.animate({
滚动顶部：0
}, 600);
返回false；
});
});

---

如果我点击Up脚本，则需要“答案重置”功能。

Ooh yeah抱歉！我会添加它，因为这不回答问题。用于询问新问题。