jQuery 禁用类上的复选框

Question

我在 $( document ).ready(function() 中包含以下代码:

$('.Spec').prop('disabled', !$('.Spec').is(':checked'));

我想做的是当页面加载后，禁用任何未选中的 Spec 类复选框。

上面的方法不起作用有什么原因吗？

Answer 1

首先，您正在为 bool 条件执行一个经过深思熟虑的选择器机制；它如何知道 Spec 类中的哪个特定复选框是您需要评估的复选框？

我可能会建议更多类似的内容:

$('.Spec').each(function() {
    if(!$(this).prop('checked')) {
        $(this).prop('disabled', true);
    }
});