<!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'>경영 경제
<br><input type='radio' name='q2' value='2'>자연 과학
<br><input type='radio' name='q2' value='3'>인문/어학
<br><input type='radio' name='q2' value='4'>생활 환경
<br><input type='radio' name='q2' value='5'>예술/체육
<br><input type='radio' name='q2' value='6'>사회 과학
<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>
<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'>경영 경제
<br><input type='radio' name='q2' value='2'>자연 과학
<br><input type='radio' name='q2' value='3'>인문/어학
<br><input type='radio' name='q2' value='4'>생활 환경
<br><input type='radio' name='q2' value='5'>예술/체육
<br><input type='radio' name='q2' value='6'>사회 과학
<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>
'checkbox', 체크박스 모두체크 그리고 모두해제!
