Javascript 测试页面启用和禁用菜单上的链接

我正在使用php和jquery制作一个网站教程，其中包括课程和测验，在测验部分，如果之前的测验尚未完成，用户无法进入下一个测验或课程。如何禁用菜单上的链接，以便用户无法转到其他课程

下面是侧菜单的代码：

<nav id="nav">
    <div class="menu-item alpha">
      <h4><a href="#">Menu</a></h4>
      <p>Choose Chapters and Lessons:</p>
    </div>

    <div class="menu-item">
      <h4><a href="#">Chapter 1</a></h4>
      <ul>
        <li><a href="les1.php" target="iframe_a">Learning the fundamentals</a></li>
        <li><a href="les2.php" target="iframe_a">Working with JavaScript</a></li>
        <li><a href="lessons/les3.html" target="iframe_a">--------</a></li>
      </ul>
    </div>

    <div class="menu-item">
      <h4><a href="#">Chapter 2</a></h4>
      <ul>
        <li><a href="lessons/les4.html" target="iframe_a">Lesson 4</a></li>
        <li><a href="lessons/les5.html" target="iframe_a">Lesson 5</a></li>
        <li><a href="lessons/les6.html" target="iframe_a">Lesson 6</a></li>
         </div>

    <div class="menu-item">
      <h4><a href="#">Chapter3</a></h4>
      <ul>
        <li><a href="lessons/les7.php" target="iframe_a">Lesson 7</a></li>
        <li><a href="lessons/les8.php" target="iframe_a">Lesson 8</a></li>
        <li><a href="lessons/les9.php" target="iframe_a">Lesson 9</a></li>
      </ul>
    </div>
</nav>
 </ul>

选择章节和课程：

我只举一个文本元素一个按钮的例子

if(document.getElementbyId('your_text_input_id').value == '')
     document.getElementbyId('your_button_id').disabled = true;
}

---

粘贴您现在拥有的代码条件语句、少量jQuery和少量Ajax。谢谢，我对jQuery和Ajax没有太多的知识和想法，因为我只是为了这个项目才开始使用它一个月。我可以想象这个过程，但我不知道如何在jQuery或ajax中执行它。