[jquery]동적 체크박스 제어 $(document).on

동적으로 체크박스를 생성하는 경우 id값이나 class에 대한 제어를

document.ready부분에 해주었을 때 인식하지 못하므로(시점문제?) $(document)를 이용하여 체크박스를 제어할 수 있다.

// 다음 로그인 시 패스워드 변경 클릭시 패스워드 만료기간 제한없음 체크박스 disabled 처리
 
$(document).on("click", "input[name='setMustChangePW']", function(){
 
    var clickedId = $(this).context.id.replace('setMustChangePW','');
 
 
 
    if($(this).context.checked==true){
 
        $("#setDontExpirePW"+clickedId).attr("disabled", true);
 
    }else{
 
        $("#setDontExpirePW"+clickedId).removeAttr("disabled");
 
    }
 
});
 
 
 
// 패스워드 만료기간 제한없음 체크박스 체크시 다음 로그인 시 패스워드 변경 체스박스 disabled 처리 
 
$(document).on("click", "input[name='setDontExpirePW']", function(){
 
    var clickedId = $(this).context.id.replace('setDontExpirePW','');
 
 
 
    if($(this).context.checked==true){
 
        $("#setMustChangePW"+clickedId).attr("disabled", true);
 
    }else{
 
        $("#setMustChangePW"+clickedId).removeAttr("disabled");
 
    }
 
});