• 프리카운터
  • 플래시북
  • 프리보드
  • 전광판
  • 웹공부방
  • 커뮤니티
체크박스클릭시 하위 체크박스 나타내기

<html>
<head>
<STYLE>
.subCats {
display: none;
margin-left: 20px;
}
</STYLE>
<SCRIPT>
function toggleShow (checkbox) {
var id = 'subCats' + checkbox.name;
var subCats =
document.all ? document.all[id] :
document.getElementById ? document.getElementById(id) :
null;
if (subCats) {
if (subCats.style.display == '' ||
subCats.style.display == 'none')
subCats.style.display = 'block';
else
subCats.style.display = 'none';
}
}
</script>
</head>
<body>
<FORM NAME="myForm">
<!--상위체크박스1-->
<INPUT TYPE="checkbox" NAME="0" ONCLICK="toggleShow(this)"> 취미생활
<!--상위1의 하위분류-->
<DIV ID="subCats0" CLASS="subCats">
<INPUT TYPE="checkbox" NAME="00">테니스<BR>
<INPUT TYPE="checkbox" NAME="01">수영<BR>
<INPUT TYPE="checkbox" NAME="02">독서
</DIV>
<BR>
<!--상위체크박스2-->
<INPUT TYPE="checkbox" NAME="1" ONCLICK="toggleShow(this)">좋아하는음식<BR>
<!--상위2의 하위분류-->
<DIV ID="subCats1" CLASS="subCats">
<INPUT TYPE="checkbox" NAME="10">김치찌게<BR>
<INPUT TYPE="checkbox" NAME="11">불고기<BR>
<INPUT TYPE="checkbox" NAME="12">과일
</DIV>
</FORM>
</body>
</html>


내알 FREECOUNT.NET 프카넷 생긴날 2003.12.20 홈 | 카운터 | 플래시북 | 프리보드 | 전광판 | 웹공부방 | 커뮤니티 | 쪽지함