본문 바로가기

Dev-/WEB

jquery 라디오 버튼 변경 이벤트(onchage 아님)

프로젝트에서 라디오버튼을 클릭함에 따라 하단부 첨부파일 양식폼이 바뀌는 부분이 있었다.


onchage 이벤트를 사용할 수 없었는데, 이유는 바뀐 현재 라디오 버튼에 따라 하단부 양식이 바뀌어야 했고,

이미 클릭된 버튼을 다시 클릭했을때 이벤트를 막아야 했기 때문에 생각을 조금 해야 했다.



해결책은 아래와 같다.

/**
* 분류 체크시 하단부 양식 변경
*/
function changeDiv() {
// 변경되기 전 체크된 라디오 버튼 값
var checkedValue = $("input[name=contentsCd]:checked").val();

$("input[name=contentsCd]").on('click', function() {
if ($(this).val() != checkedValue) {
console.log("이전값: " + checkedValue);
checkedValue = $(this).val();
console.log("바뀐값: " + $(this).val());

/**
* 여기에 필요한 이벤트를 넣어준다.
*/
}
});
}