Javascript 选择单选按钮以显示“正确”

我对JS和HTML5有点陌生。我正在做一个简单的测验，只是为了好玩。我知道有必要使每个问题都能独立于其他问题被标记为正确。我如何通过JS，甚至CSS/HTML5做到这一点？我有一种感觉，我需要更改jquery文件，但我对如何更改有点困惑。这个测验很完美，正是我想要的方式，但是当用户选择答案时，我想显示正确或错误。基本上，当测验被拉入浏览器时，用户将从每个问题中选择一个答案，当选择正确答案时，我想显示单词correct

依次是my game.js、CSS和index

如果jQuery{ var checkAnswers=函数{ var answerString=； var answers=$：选中； 答案。每个功能{ answerString=answerString+answers[i]。值； }; $：checked.eachfunctioni{ var answerString=answerString+answers[i]。值； }; checkIfCorrectanswerString； }; var checkIfCorrect=函数字符串{ 如果解析字符串，则16==811124566973{ $body.addClasscorrect； $h1.text你赢了！； } }; $1.5元； }; 如果印象深刻{ $2.5元； }; 如果原子{ $3.5元； }; 如果createjs{ $4.5元； }; 如果我{ $5.5元； }; 如果需要{ $6.5元； }; 游乐场{ $7.5元； }; 假牙{ $8.5元； }; 如果迷住{ $9.5元； }; 如果狡猾{ $10.5元； }; 身体{ 左边距：50像素； } 问题1， 问题2， 问题3， 问题4， 问题5， 问题6， 问题7， 问题8， 问题9， 问题10{ 显示：无； } 帆布{ 显示：无； } .对{ 背景色：24399f； 颜色：白色； } 问题1{ 背景色：EBF5D1； } 问题2{ 背景色：E0F0D4； } 问题3{ 背景色：D6EBD6； } 问题4{ 背景色：CCE6D9； } 问题5{ 背景色：C2E0DB； } 问题6{ 背景色：B8DBDE； } 问题7{ 背景色：ADD6E0； } 问题8{ 背景色：A3D1E3； } 问题9{ 背景色：99CCE6； } 问题10{ 背景色：8FC7E8； } 测验 测验 哪一种不是我们用来制作网站的主要文件类型？ .html .exe .js .css JavaScript对象由什么字符包装？ [] ;; {} 鼹鼠是下列哪一种？ 无所不知的 可爱极了 古怪的 所有这些 日语か 已宣布。。。 灵魂 让开 ke 碘化钾 地球上的引力常数大约是。。。 10米/秒^2 .809m/s^2 9.81米/秒^2 84.4m/s^2 10进制中的45是二进制2进制中的什么？ 101101 110011 011101 101011 4.

---

有两种可能的方法：

将单个答案存储在JS中，并对照这些答案检查所选收音机的值。 将问题的答案存储在数据库中，并发出服务器请求，根据正确答案验证用户输入。 后者是一个推荐的解决方案，因为它会让用户看不到您的答案，但如果没有关系，您可以使用前者

通过方法1可能的解决方案：

For each radio input create data attributes (question & correct). Now for each selection, check 'question' attribute value and fetch its answer. If it matches, display "Correct" message below the question, else display "Incorrect"

---

有两种可能的方法：

将单个答案存储在JS中，并对照这些答案检查所选收音机的值。 将问题的答案存储在数据库中，并发出服务器请求，根据正确答案验证用户输入。 后者是一个推荐的解决方案，因为它会让用户看不到您的答案，但如果没有关系，您可以使用前者

通过方法1可能的解决方案：

For each radio input create data attributes (question & correct). Now for each selection, check 'question' attribute value and fetch its answer. If it matches, display "Correct" message below the question, else display "Incorrect"