Case à cocher désactiver ne fonctionne pas en utilisant jQuery - jquery, case à cocher

J'essaie de désactiver une case à cocher dans la liste à l'aide de jQuery. Mais cela ne semble pas fonctionner. Voici le code. La liste des cases à cocher a un total de 12 cases à cocher.

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

Réponses:

Vous pouvez essayer ceci:

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

OU

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

Selon votre approche:

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

Dans le .chaque() fonction de rappel premier paramètre est le index de case à cocher. Donc, vous n’avez pas besoin de garder i pour l'indexation.

Pour activer le checkbox encore:

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