Question

<label><input type="checkbox" name="" /> Normal</label>
<label><input type="checkbox" name="" checked="checked" /> Checked</label>
<label><input type="checkbox" name="" disabled="disabled" /> Disabled</label>

If the checkbox is ‘checked’, its label should have class ‘checked’, same for ‘disabled’.

I tried this, but doesn’t seem to work:

$("input[type=checkbox][checked]").each( 
    function() { 
       $(this).parent().addClass('checked');
    } 
);

http://jsfiddle.net/eJfT6/

Thanks for your help!

Answer 1

You can test this:

$('input:checkbox').each(function(){

    if($(this).is(':checked')){

        $(this).parent().addClass('checked');
    }

    if($(this).is(':disabled')){

        $(this).parent().addClass('disabled');
    }
});