javascript - 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

将事件监听器绑定(bind)到复选框，一旦它被选中，它就会删除该类:

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