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");

jQuery验证 - 从父Div中删除错误类

2 个答案: