jQuery验证-从父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");