jQuery Validate - 부모 클래스에서 오류 클래스 제거

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