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

【问题标题】：jQuery - disable remaining checkboxes when limit reachedjQuery - 达到限制时禁用剩余的复选框
【发布时间】：2013-01-14 11:38:15
【问题描述】：

相对 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 是here

【问题讨论】：

你的代码没问题你需要选择jQuery框架，jsfiddle.net/Vg4ty/4

标签： jquery counter checkbox

【解决方案1】：

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

Update fiddle

【讨论】：

天啊！它在我所在的页面中不起作用，我认为我的 jQuery 是错误的 - 结果是一个不同的 javascript 错误。我的错。现在我需要删除警报并更新文本字段。回到 jQuery 文档...抱歉浪费了人们的时间。
@MarcWilson 没问题，我自己已经做过很多次了 :) 不要忘记将此问题的答案标记为已接受。
完成-再次感谢。让我很恼火的是我没有发现它——就像几个人在几分钟内发现的那样！
你有什么可能的理由反对这个？
@MarcWilson 别担心，我不是说你，只是不愿发表评论的神秘投票者。

【解决方案2】：

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

【讨论】：

【解决方案3】：

您的 jsfiddle 无法正常工作，因为您使用的是 mootolls，而不是 jquery：

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

JQUERY

【讨论】：