通过Javascript激活/停用onclick事件？

Question

我尝试做一个问卷调查，当您单击 1 个答案时，检查它是否是好的答案，然后在单击另一个按钮更改问题并添加我想重新激活的新答案后停用 onclick 事件点击，但我不知道如何在 javascript 中执行此操作：/

这里的代码可以更好地解释x）：

<ol id="answerList" type="A">
      <img class="imgLine" src="" id="answer-a-img" /><li onclick="clickLine(this);" id="answer-a" ></li>
      <img class="imgLine" src="" id="answer-b-img" /><li onclick="clickLine(this);" id="answer-b" ></li>
      <img class="imgLine" src="" id="answer-c-img" /><li onclick="clickLine(this);" id="answer-c" ></li>
      <img class="imgLine" src="" id="answer-d-img" /><li onclick="clickLine(this);" id="answer-d" ></li>
</ol>

这是答案，onclick 事件正在工作并且调用 clickLine 函数

我通过这样做停用了 onclick 事件：（我知道它不干净，但我没有看到其他方式：/）

document.getElementById('answer-a').onclick = "";
document.getElementById('answer-b').onclick = "";
document.getElementById('answer-c').onclick = "";
document.getElementById('answer-d').onclick = "";

但是现在，当我得到新数据时，我没有成功重新激活 onclickevent，我尝试了这个：

document.getElementById('answer-a').onclick = "clickLine(this);";
document.getElementById('answer-b').onclick = "clickLine(this);";
document.getElementById('answer-c').onclick = "clickLine(this);";
document.getElementById('answer-d').onclick = "clickLine(this);";

但没用：/

谢谢！

ps：如果有解决方案，我可以使用 Jquery ^^

Answer 1

类似：

    $(".imgLine").click(function(event)
    {
         $('.imgLine').unbind();
         event.preventDefault();
    });

    $("a#activate").click(function(event)
    {
        $('.imgLine').bind();        
        event.preventDefault();
    });

其中a#activate 表示下一个问题按钮。

Answer 2

document.getElementById('answer-a').onclick = "javascript:clickLine(this);";
document.getElementById('answer-b').onclick = "javascript:clickLine(this);";
document.getElementById('answer-c').onclick = "javascript:clickLine(this);";
document.getElementById('answer-d').onclick = "javascript:clickLine(this);";

尝试像这样执行。首先检查你是否有 javascript:clickLine() 函数。