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

时间:2012-04-03 15:32:58

标签: javascript jquery html radio-button

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

当点击正确的答案时,我 - 约翰:),分数增加。问题是,当你一直点击John时,分数会不断增加。

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

人们会建议什么。

我希望脚本能够找到被点击的按钮,而不是说是否点击了(button1),例如,因为这个测验可能会变得非常大而且会很乏味。

提前致谢。

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

但它仍然不起作用。

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

任何想法为什么?我也包含了jQuery 1.7.1库!

完成! :)

1 个答案:

答案 0 :(得分:3)

如果只想执行任何一个事件处理程序,那么使用jQuery one来绑定事件处理程序。一旦事件被触发,它将解除绑定。

$('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/