Disable all unchecked checkboxes of a class in jquery

Question

I want to disable all unchecked checkboxes of a class when one of the checkboxes in that class is checked so i tried this

if ((($('input[type=checkbox]:checked.classname)).length)==1) {

    $('.classname').not(':checked').each(function(){
                        $(this).attr('disabled','disabled');
                        });

and i also tried this one

    $("input[type=checkbox]."+aclass).not(':checked').attr('disabled',true);

This code doesnt disable any of the checkboxes although i am getting the length right using this selector?

Solution 1

Try this:

$('.test').change(function(){
    if($('input.test').filter(':checked').length == 1)
        $('input.test:not(:checked)').attr('disabled', 'disabled');
    else
        $('input.test').removeAttr('disabled');
});​

JSFiddle

Solution 2

This subject has already been beaten to death. Consensus was use of radio buttons with a "none" option of some sort. This way you avoid coding new functionality into controls for which users hold certain expectations.

Comments

[Aaron Fowler]

While the accepted answer is technically correct, this is really the best answer.

[Brock Hensley]

I was overthinking this in the beginning of using checkboxes to choose between a list of items when only 1 can be chosen.... thank you for reminding me of the RADIO option! duhhhhh KISS