프로그래밍

페이지 내, Component의 상태 체크 (getElementsBy????)

  
코드를 짜다 보면, 종종 현재 페이지의 각 컴포넌트들을 제어해야 할 경우가 빈번하게 발생한다.
아래 코드는 현재 페이지에 "radio1" 으로 명명된 컴포넌트를 찾고,
그 중에서, checked 옵션이 true인 컴포넌트를 찾아 그 값을 출력한다.
getElementsByName을 사용했지만, 근래 getElementsByClassName도 추가되었다. (단 IE6은 지원되지 않음)
그 외에도 다양한 document class내 함수가 존재하니 찾아보면 많은 도움이 될 듯.

<script>
    function getSelected(){
        var element1 = document.getElementsByName("radio1");
        for(var i=0; i<element1.length; i++) {
            if(element1[i].checked){
                alert(element1[i].value);
            }//if
        }//for
    }//function
</script>

호출측
onclick=getSelected()


알림

이 블로그는 구글에서 제공한 크롬에 최적화 되어있고, 네이버에서 제공한 나눔글꼴이 적용되어 있습니다.