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

Question

相对jQuery新手：

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

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

任何人都能看到我遗漏的明显事物吗？

我有一组复选框，然后是以下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是here

Answer 1

您的代码运行正常，您只需将框架设置为左侧的jQuery。

Update fiddle

Answer 2

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

Answer 3

你的jsfiddle没有用，因为你是用mootolls而不是jquery设置的：

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

JQUERY