javascript - 首次单击后禁用单选按钮或分数增量

Question

http://jsfiddle.net/nhZXg/36/

当我 - 约翰 :) 点击正确答案时，分数就会增加。问题是，当您继续单击约翰时，分数会不断增加。

我已经完成了研究，发现了 .unbind() jquery 代码，但不确定如何实现它，或者这是否是最好的解决方案。

人们会建议什么。

我希望脚本能够找到被单击的按钮，而不是说 if(button1) 被单击，例如，因为这个测验可能会变得相当大，而且会很乏味。

提前致谢。

更新:现在使用此代码: http://jsfiddle.net/nhZXg/38/

但它仍然无法运行。

我使用这个的页面是: http://elearning.easy2dev.com/quiz_template_2.php

有什么想法吗？我也包含了 jQuery 1.7.1 库!

完成! :)

Answer 1

如果您只想执行任何事件处理程序一次，请使用 jQuery one 绑定(bind)事件处理程序。一旦事件触发，它就会自行解除绑定(bind)。

$('input:radio').one('click', function(){
     //do stuff here
});

您可以更改代码中的逻辑并尝试使用它，但您可以根据代码尝试以下操作。

function scoreIncrement(elem) {//where elem is the radio button element that is clicked
    if(!$(elem).data('scored')){
       score++;
       document.getElementById("score").innerHTML = score;
       $(elem).data('scored', true);
    }
}​

工作演示 - http://jsfiddle.net/nhZXg/38/