체크박스 체크하면 레이어 보여주기. 체크안하면 알려주기

by 조쉬 posted Mar 01, 2014
?

단축키

Prev이전 문서

Next다음 문서

ESC닫기

크게 작게 위로 아래로 댓글로 가기 인쇄
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html lang="euc-kr">
<head>
<title>조사</title>
<script language="javascript">
<!-- function chk(){
   var t = document.main;
   var i;
   if(t.q1_1.checked == false && t.q1_2.checked == false && t.q1_3.checked == false && t.q1_4.checked == false){
    window.alert("문1 - 한개이상 선택하셔야 합니다")
    return false;
   }
   if(t.q1_2.checked == true){
    var radioSelected = -1;
    for (i = 0;  i < t.q2.length; i++) {
   if (t.q2[i].checked)
        radioSelected = i;
 }
     if (radioSelected == -1) {
     alert("문2 - 항목 중 하나를 선택하십시오.");
     t.q2[0].focus();
     return false;
      }
    }
   }
function show_layer(lname){
 var f= document.main;
   if(f.q1_2.checked == true){
   document.getElementById(lname).style.display = "";
   }else{
   document.getElementById(lname).style.display = "none";
   }
}

-->
</script>
</head>
<body>
<form name='main' action='next.html' method=post onSubmit="javascript:return chk();">
1. 타입을 고르시오.<br>
<input type='checkbox' name='q1_1' value='ON' OnClick="show_layer('layer1');">A
<input type='checkbox' name='q1_2' value='ON' OnClick="show_layer('layer1');">B
<input type='checkbox' name='q1_3' value='ON' OnClick="show_layer('layer1');">C
<input type='checkbox' name='q1_4' value='ON' OnClick="show_layer('layer1');">D
<br><br><br>
<div id="layer1" style="display : none;" >
2. 선택하시오<br>
 <br><input type='radio' name='q2' value='1'>경영&nbsp;경제
 <br><input type='radio' name='q2' value='2'>자연&nbsp;과학
 <br><input type='radio' name='q2' value='3'>인문/어학
 <br><input type='radio' name='q2' value='4'>생활&nbsp;환경
 <br><input type='radio' name='q2' value='5'>예술/체육
 <br><input type='radio' name='q2' value='6'>사회&nbsp;과학
 <br><input type='radio' name='q2' value='7'>의학
 <br><input type='radio' name='q2' value='8'>공학
 <br><input type='radio' name='q2' value='9'>기타
</div>
< br>
<input type='submit'  value='확인'>
</form>