Question

所以我已经在工作中交了一些代码并告诉我修复它（即使我有大约一个月的JavaScript / HTML经验）。

这是交易：

该网站是一个有三个按钮的测验。总共有8个问题，每个问题都在它自己的页面上。现在，“下一步”按钮将被隐藏，直到选择了所有正确答案（某些问题有多个正确答案）。我想改变的是按钮的呈现方式。两个问题1）如果选择了所有正确的答案，即使仍然选择了错误的答案，也会显示按钮。 2）当选择正确的答案时，我不希望按钮出现，我希望按钮从灰色（禁用）更改为蓝色（启用）。

我的代码是MESS。我似乎无法在JQuery中的任何地方找到下一个按钮的任何功能。我只有这个：

<!---NEXT BUTTON--->
<div class="col-xs-12">
    <div class="correct1 box" style="border:none">
    <div class="correct2 box" style="border:none">
    <div class="correct3 box" style="border:none">
<nav class="mainmenu"><p>
    <a href="#page2" class="btn btn-primary" role="button">Next</a></p></nav>
  </div>

在此示例中，一旦选中了正确的方框1，正确的方框2和正确的方框3（无论顺序如何），下一个按钮将出现在页面上。

要使其变得棘手，一旦您选择其中一个选项，就会出现一个反馈框，告诉您选择是否正确（以及为什么）。

我甚至不知道从哪里开始...据我所知，这是页面上任何类型导航的唯一代码。由于我正在处理截止日期，因此完全废弃整个页面的代码不是一种选择（虽然相信我，它有多乱，我希望这是一个选项）。

有关在何处查看代码文件的任何建议？有什么建议可以用来制作我想要做的两件事吗？

在测验上正确答案后的下一个按钮

0 个答案: