Question

I have this code:

$('#custom-options label').click(function(){
    $(this).removeClass('uncheck').addClass('checked');
});

What I’m aiming to do this when I click a <label> it adds the class .checked. This works until I click another <label> then I have two labels with the class .checked …although I only want to add this to the one I’ve clicked and I’d like all the rest of the <label>s to have the class .uncheck.

Any help would be greatly appreciated, Thanks

Answer 1

$('#custom-options label').click(function(){
    $('#custom-options label.checked').removeClass('checked').addClass('uncheck');
    $(this).removeClass('uncheck').addClass('checked');
});