jQuery: IE에서 Radio 버튼 변경시 이벤트 처리 방법

IE는 다른 브라우져와 달리 Radio 버튼상태가 변경됐을 때 바로 change 이벤트를 발생시키지 않고 다른 엘리먼트를 클릭했을 때 change 이벤트를 발생시킨다. 그래서 Radio 버튼 상태의 변화에 따라 어떤 처리를 하려면 IE에서는 click 이벤트를 사용해야 한다.

브라우져에 상관없이 Radio 버튼 상태의 변경을 감지하려면 jQuery에서는 다음의 코드를 사용하면 된다.

[code language=”javascript”]
$(document).ready(function(){
$(".hiddenOnLoad").hide();
$("#viewByOrg, #viewByProduct").bind(($.browser.msie ? "click" : "change"), function () {
$(".visibleOnLoad").show();
$(".hiddenOnLoad").hide();
});
});
[/code]