오늘은 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 를 숨긴다.
한땀 한땀 생각해보면 어렵지 않지유.
그럼 오늘은 여기서 마칠께요~
행복하세요~~
반응형
'개발 > JSP' 카테고리의 다른 글
[JSP] console log , 콘솔로그 사용하기 - 브라우져 로그찍기 (0) | 2019.08.21 |
---|---|
[WEB] 에러페이지의 코드값으로 상태를 알아보자 - 에러코드 정보 (0) | 2019.08.20 |
[JSP] javascript, jquery - 3항 연산자 사용하기 (0) | 2019.08.19 |