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