웹개발 및 최신 테크 소식을 전하는 블로그, 웹이즈프리

HOME > webdevetc

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

Last Modified : 2016-04-01 / Created : 2016-04-01
8,909
View Count
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');
      }
   });
});




Previous

웹에서 모달창과 팝업창의 장단점 알아보기

Previous

객체지향언어에서 인스턴스(instance)란 무엇인가