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

时间:2014-02-21 19:15:55

标签: javascript php

我正在使用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>

1 个答案:

答案 0 :(得分:0)

我只给你一个文本元素一个按钮的例子,

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