[javascript] radio 버튼에 따른 처리

12월 26일.

###안탑의 강의###

1. 라디오 버튼 체크방법  
radio 및 checkbox 의 경우에는 배열로 담기기 때문에,
값을 뽑아낼때 그냥 document.폼이름.컨텐츠네임.value로 뽑아낼 경우에는 undifiend 라고 값이 찍히게 된다.

2.jsp

그렇다면 배열처리로 해줘야 한다!

### 라디오버튼은 checked 로 판별!


for ( var i = 0 ; i < 길이 ; i ++ ) {

if ( 컨텐츠네임[i].checked == true ) {

컨텐츠네임[i].value; 하게 되면 값을 찍을 수 있다.

}

}

return 값에 따라 값을 딴데로 보내거나 멈추거나 할수 있는데...

그냥 보통 쓰게되는
return 은 for 나 if 문 안의 return 은 거기서 멈추고 빠져나와 다음은 수행되지 않는것이고,
return false, return true 는 리턴값을 보낸 후 다음 메소드 혹은 다음 구문을 수행한다.

예문 >>

<script type="text/javascript">
function fnConfirm() {
 var form = document.seform;
 var obj = null;
 
 var seq;   // 선택된 라디오버튼의 값(value)를 담을 변수
 var find = false; //* 채크되어있는 라디오버튼을 찾았는지 구분하는 변수

 obj = form.seq;
 var size = obj.length; // 라디오버튼의 수
 for ( var i = 0; i < size; i++) {

 if (obj[i].checked == true) { // 만약 채크되어있는 라디오 버튼을 찾았을 경우

   alert("걸린 배열 주소 : " + i);
   
   seq = obj[i].value;
   find = true; // *구분을 찾았다는걸로(true)로 변환
   break; // *for문을 빠져나온다.
  } // end if

} // end for
//*
 if (find == false) { // 라디오버튼을 못찾았을 경우 메세지 띄우고 종료
  alert("라디오버튼을 채크하세요.");
  return;
 }
// 여기까지 왔으면(찾았으면) seq 에 값이 담겨있다.
 var url = "3.jsp?seq=" + seq;  // 주소 완성
 var paramObject = null;
/*모달다이얼로그로 창 띄우기~*/
 window.showModalDialog(url, paramObject,
  "dialogHeight: 320px; dialogWidth: 550px; scroll:no; center:Yes; help:No; resizable:No; status:No;");
}
</script>

2. 라디오 버튼 체크시 한개일 경우 배열처리  
유의할 점이 여러개의 목록 리스트가 있는 경우에는 값을 뽑아 내지만, 하나만 있을경우엔 배열이 아니기 때문에,
그에 따른 다른 체크를 해 주어야 한다.
하나이면 값이 undifined 가 될 수 있는데 if 문을 걸어 해 주는 것이 아니라
<input type="hidden" name="컨텐츠이름" />
이렇게 hidden 속성의 값을 하나 넣어주므로써 배열을 만들어 준다.

hidden 값은 [0] 번 배열이 시작 될 것이다.

첨부파일 참조할것.

3. 링크 걸때의 파라미터 넘기기  
생각보다 매우간단하다.
갈 주소의 이름을 붙인후 그 값을 써주면 그만!... -__-;;
왜 하나는 생각하고, 둘은 생각을 못할까;;;;
<a href="4.jsp?seq=<%=outVo.getCommseq() %>"><%=outVo.getDesc()%></a>