jquery - jQuery - 达到限制时禁用剩余的复选框

Question

相对 jQuery 新手：

我想显示一组复选框，用户可以选择其中五个。

我有一些在 jsfiddle 中验证的 jquery 代码，但它显然没有做任何事情。

谁能看到我遗漏了什么明显的东西？

我有一组复选框，然后是以下 javascript：

function countChecked() {                             
    var n = $("input:checked").length;                       
    alert(n);                          

    if (n == 5) {                                                        
        $(':checkbox:not(:checked)').prop('disabled', true);  
    }                                                        
    else {                                                        
        $(':checkbox:not(:checked)').prop('disabled', false); 
    }
}    
$(":checkbox").click(countChecked);   

jsfiddle 在这里

Answer 1

Your code works fine, you just needed to set the framework to jQuery on the left hand side.

Update fiddle

Answer 2

你在你的小提琴中选择了 Mootools 1.4.5 .. 在你的下拉列表中选择 Jquery 1.8.3 它将工作..

Answer 3

Your jsfiddle is not working because you are setting it using mootolls, not jquery:

http://jsfiddle.net/Vg4ty/3/

JQUERY