페이지 내, Component의 상태 체크 (getElementsBy????)
프로그래밍2010. 11. 1. 14:49
코드를 짜다 보면, 종종 현재 페이지의 각 컴포넌트들을 제어해야 할 경우가 빈번하게 발생한다.
아래 코드는 현재 페이지에 "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()
아래 코드는 현재 페이지에 "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()
'프로그래밍' 카테고리의 다른 글
하나의 폼에서 다중(Multi) Submit 구현 (0) | 2010.11.03 |
---|---|
Open Flash Chart2 사용, 막대그래프 그리는 방법 (0) | 2010.09.27 |
php 변수를 Javascript 변수로 전달하는 방법 (0) | 2010.07.06 |
FTP 업/다운로드시, Binary/Text 방식의 차이 (0) | 2010.05.18 |
아이폰 개발에서 C++ 사용하기. (2) | 2009.12.20 |