IE 8 에서 Label 태그 정상작동 안하는 경우 해결방법

IE 구버전(IE 8 이하) 에서는 label 태그가 정상적으로 동작하지 않는다. 그렇기 때문에 라디오 또는 체크박스등에 사용된 input 태그가 정상적으로 동작하지 않는데 이를 수정하기 위해서는 아래와 같은 스크립트를 추가해야한다.

아래는 jQuery 제이쿼리를 사용한 방법으로 아래 코드를 IE 구버전에서 추가시키도록 한다.

// For support IE 8, label tag
$(function() {
   $("label").on('click', function(){
      if ($(this).attr("for") != "") {
         $(this).siblings('input').removeClass('checked')
            .end().addClass('checked');
         $("#" + $(this).attr("for")).trigger('click');
      }
   });
});

출처 : http://webisfree.com/2016-04-01/ie-8-%EC%97%90%EC%84%9C-label-%ED%83%9C%EA%B7%B8-%EC%A0%95%EC%83%81%EC%9E%91%EB%8F%99-%EC%95%88%ED%95%98%EB%8A%94-%EA%B2%BD%EC%9A%B0-%ED%95%B4%EA%B2%B0%EB%B0%A9%EB%B2%95