적용이 너무 잘되네요^^

그런데 수정시에는 클릭되어있는 checked의 클래스가 사라져있습니다.

다시 클릭하여 해제한 후 다시 클릭하게되면 클래스가 생깁니다.

수정하러 들어올때는 이전에 눌러둔 checked가 되어있는 상황입니다.

해당 질문은 자바스크립트/jQuery 카테고리에 올려주시는게 좋을 듯합니다~^^

아래 예제 코드처럼 input 태그의 onchange 이벤트를 사용해서 해결해보세요.

<input type="checkbox" onchange="my_checkbox_class(this)">

<script>
function my_checkbox_class(input){
	if(jQuery(input).prop('checked') == true){
		jQuery(input).addClass('toggleclass');
	}
	else{
		jQuery(input).removeClass('toggleclass');
	}
}
</script>

그리고 워드프레스에서 제이쿼리 사용하시려면 $() 함수 사용하시면 안 됩니다.

jQuery() 이렇게 사용하셔야 가능합니다.

고맙습니다.