jQuery Validate - Удалить класс ошибок из родительского Div

Question

У меня есть набор флажков, чтобы, когда ни один не выбран, класс добавлялся в родительский div, чтобы сделать текст красным. Однако, когда флажок выбран, класс должен быть удален. С моим текущим кодом, класс остается присоединенным к div, когда установлен флажок.

Как удалить класс, если установлен один флажок?

$().ready(function() {

    $('#addForm').validate({
        rules: { 
            "items": { 
                required: true, 
                minlength: 1 
            } 
        }, 
        errorPlacement: function(error, element) {
            if (element.is(':checkbox')) {
                $(element).parent("div").addClass('checkbox-error');
            }
            else {
                 return true;
            }
         }
    }); 


});

Answer 1

Свяжите прослушиватель событий с флажком, который удаляет класс после его проверки:

$("#addForm :checkbox").change(function(){
    if(this.checked) {
        $(this).parent("div").removeClass("checkbox-error");
    }
})

Answer 2

Вы можете сделать это в событии смены флажка.

$("yourdiv").removeClass("checkbox-error");