게임과 책이 있는 취미블로그

오늘은 jsp, 제이쿼리 radio 버튼 이벤트 처리법을 알아보겠습니다.

일단 클릭이벤트를 걸어주시구요~

클릭 이벤트 안, 값에 따라 다른 액션을 취하게 합니다.

예제 소스 보실께요~

$("input[name=confYn]").click(function() {

if(this.value == 'Y'){

$('#confNm').attr('readonly', false);

$('#btnConf').css('display','');

}else if(this.value == 'N'){

$('#confId').val('');

$('#confNm').val('');

$('#confNm').attr('readonly', true);

$('#btnConf').css('display','none');

}

});

설명을 하자면, input 태그 중 name이 confYn 인것에 click 을 했을때 해당 소스를 타게 됩니다.

this.value 클릭한 값이 Y 라면 confNm의 readonly를 해제 하고 btnConf 를 표시한다.

클릭한 값이 N 이라면 confId 와 confNm을 초기화시키고 confNm을 readonly 처리하고 btnConf 를 숨긴다.

한땀 한땀 생각해보면 어렵지 않지유.

그럼 오늘은 여기서 마칠께요~

행복하세요~~