JavaScript 중첩 if문

191224 수업 내용 정리

---

중첩 if문

if문 내부에 또 다른 if문이 들어간 제어문

형식

if(조건식1){
    if(조건식2){
        자바스크립트 코드;
    }
}

예제

• JavaScript

  function test() {
   var sel = ""; //선택한 그림을 알려주는 문자열 변수
  
   if( (document.myform.a1.checked==false)&&
       (document.myform.a2.checked==false)&&
       (document.myform.a3.checked==false) ){//체크가 안 된 경우
       alert("최소 한 가지의 그림은 선택해 주세요");
       } else { //최소 한 개라도 체크된 경우
  
       if(document.myform.a1.checked) { //그 자체로 true/false 값을 갖는 경우 논리연산자 생략 가능
           sel += "1번"; // sel = sel + "1번"
       } 
       if(document.myform.a2.checked) {
           sel += " 2번";
       } 
       if(document.myform.a3.checked){
           sel += " 3번";
       }
       alert(sel+"그림이 맘에 드시는군요!");         
       }
  }

• HTML

   <input type="checkbox" name="a1">1.<img src="../images/1.gif"><p>
   <input type="checkbox" name="a2">2.<img src="../images/2.gif"><p>
   <input type="checkbox" name="a3">3.<img src="../images/3.gif"><p>
  
   <input type="button" value="확인" onclick="test()">

---

중첩 if문도 많이 사용되기 때문에 형식과 예제를 익혀둘 필요가 있습니다.