jquery - 复选框禁用无法使用 jQuery

Question

我正在尝试使用 jQuery 禁用复选框列表中的复选框。但这似乎不起作用。这是代码。复选框列表共有 12 个复选框。

<script src="../AutoComplete Jquery/jquery-1.7.2.min.js" type="text/javascript">  
</script>
<script type="text/javascript">
$(document).ready(function() 
{
var disable = 5;
var i=0;
$(":checkbox").each(function()
                {
                    if(i<disable)
                    {
                        $(this).attr("disabled", "disabled");
                        i=i+1;
                    }
                });
});
</script>

Answer 1

你可以试试这个:

$(':checkbox:lt(5)').attr('disabled', 'disabled');

或者

$(':checkbox:lt(5)').prop('disabled', true);

根据您的方法:

$(":checkbox").each(function(i, check) {
    if (i < disable) {
        $(this).attr("disabled", "disabled");
    }
});

在内.each() 回调函数第一个参数是复选框的index。因此您不需要保留 i 来建立索引。

要再次启用复选框:

.removeAttr('disabled'); 或 .prop('disabled', false)。