3. Implementation/VB / Java Script

[펌] 동적으로 생성한 radio, checkbox 가 클릭되지 않을 때

SSKK 2009. 7. 7. 18:03
오늘 radio 버튼을 동적으로 생성하는 작업을 하다가 클릭이 되지 않았다. 이리저리 구글링 하다가, 결국 네이버에서 찾았다. 이건 아마도 IE 의 버그 같은데, 그나마 IE에서 조잡하게 해결하는 방법이 있었다. 그에 관한 참고 코드는 아래와 같고, 원본 글은 아래 링크이다.

function createRadio(name, value) {

    var obj;

 

    try {

     obj = document.createElement("<input type='radio' name='"+name+"' />");

    } catch(e) {

        obj = document.createElement("input");

        obj.type = "radio";

        obj.name = name;

    }

    obj.value = value;

 

    document.forms[0].appendChild(obj);

}


위 소는 IE와 IE가 아닌 브라우저에서 동작하도록 예외를 이용하였다.

업데이트 : 2009-07-09

동적으로 생성한 radio 버튼은 checked 속성으로 선택이 되지 않는 문제가 발생하였다. 이 역시 생성 시에 "CHECKED" 를 넣어주면 된다.

 obj = document.createElement("<input type='radio' name='"+name+"' CHECKED />");



원본 : http://www.phpschool.com/gnuboard4/bbs/board.php?bo_table=tipntech&wr_id=43884