Checkbox disable not working using jQuery

Question

I'm trying to disable a checkbox in the checkbox list using jQuery. But it doesn't seem to work. Here's the code. The checkbox list has a total of 12 checkboxes.

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

thecodeparadox · Accepted Answer · 2012-08-04 08:24:36Z

4

You can try this:

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

OR

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

According to your approach:

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

Within the .each() callback function first parameter is the index of checkbox. So you don't need to keep i for indexing.

To enable the checkbox again:

.removeAttr('disabled'); or .prop('disabled', false).

edited Aug 4, 2012 at 8:24

answered Aug 4, 2012 at 7:24

thecodeparadox

87.2k22 gold badges143 silver badges164 bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

thecodeparadox Over a year ago

@Prince check the last answer.. may be it'll help you

Prince Over a year ago

thanks dude...it's working fine now. n how can i enable the checkbox

Adil Over a year ago

Best way to present gratitude is to accept the answer @Prince.

Collectives™ on Stack Overflow

Checkbox disable not working using jQuery

1 Answer 1

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related