Caixa de seleção desabilitada não funciona usando jQuery - jquery, checkbox

Eu estou tentando desativar uma caixa de seleção na lista de seleção usando jQuery. Mas isso não parece funcionar. Aqui está o código. A lista de caixas de seleção tem um total de 12 caixas de seleção.

<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>

Respostas:

Você pode tentar isto:

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

OU

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

De acordo com sua abordagem:

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

Dentro do .cada() função callback primeiro parâmetro é o index da caixa de seleção. Então você não precisa manter i para indexação.

Para habilitar o checkbox novamente:

.removeAttr("disabled"); ou .prop("disabled", false).