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

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

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

$(document).ready(function(){
   $(".hiddenOnLoad").hide();
   $("#viewByOrg, #viewByProduct").bind(($.browser.msie ? "click" : "change"), function () {
                        $(".visibleOnLoad").show();
                        $(".hiddenOnLoad").hide();
                    });
});