表題の通り、チェックボックスにチェックを入れると、メニューが表示されるようなJavaScript。
【javascript】チェックボックスにチェックを入れるとメニューが展開
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS">
<title>チェックボックスにチェックを入れるとメニューが展開</title>
<style>
#menu01{
display:none;
}
</style>
<script language="javascript">
temp=0;
function showMenu(area){
temp++;
dispStatus = (temp%2) ? 'block':'none';
document.getElementById(area).style.display=dispStatus;
}
</script>
</head>
<body>
<input type="checkbox" id="chk01" onclick="showMenu('menu01')">チェック1<br>
<div id="menu01">
メニュー0101<br>
メニュー0102<br>
メニュー0103<br>
メニュー0104<br>
メニュー0105<br>
</div>
</body>
</html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS">
<title>チェックボックスにチェックを入れるとメニューが展開</title>
<style>
#menu01{
display:none;
}
</style>
<script language="javascript">
temp=0;
function showMenu(area){
temp++;
dispStatus = (temp%2) ? 'block':'none';
document.getElementById(area).style.display=dispStatus;
}
</script>
</head>
<body>
<input type="checkbox" id="chk01" onclick="showMenu('menu01')">チェック1<br>
<div id="menu01">
メニュー0101<br>
メニュー0102<br>
メニュー0103<br>
メニュー0104<br>
メニュー0105<br>
</div>
</body>
</html>
2005-04-12 17:39:00