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