2011-10-29 11 views
0

私はチェックボックスがありません。選択されていない場合、親divにクラスが追加されてテキストが赤くなります。ただし、ボックスを選択した場合は、そのクラスを削除する必要があります。私の現在のコードでは、クラスはチェックボックスが選択されたときにdivに接続されたままです。jQuery Validate - 親Divからエラークラスを削除する

1つのチェックボックスを選択するとクラスを削除するにはどうすればよいですか?

$().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; 
      } 
     } 
    }); 


}); 

答えて

3

バインドがチェックだ後、クラスを削除し、チェックボックスにイベントリスナーは:

$("#addForm :checkbox").change(function(){ 
    if(this.checked) { 
     $(this).parent("div").removeClass("checkbox-error"); 
    } 
}) 
+0

完璧、ありがとう! :) – Michael

2

あなたは、チェックボックスの変更イベントでそれを行うことができます。

$("yourdiv").removeClass("checkbox-error"); 
関連する問題