Question

I am trying to add javascript validation to a bunch of check boxes, basically what I want is as soon as the user has selected 3 tickboxes, it should disable all of the tickboxes except the three that were ticked.

How could I go about doing that?

Thanx in advance!

Answer 1

The following will disable the rest of the checkboxes if you select 3 of them, and also enable them once you uncheck one of the three selected..

$(':checkbox').click(
    function(){
        var selected = $(':checkbox:checked').length;
        if (selected == 3)
        {
            $(':checkbox:not(:checked)').attr('disabled',true);
        }
        else
        {
           $(':checkbox:not(:checked)').attr('disabled',false);
        }
    }
);

Live demo