<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<title></title>
<style type="text/css">
fieldset p { margin : 0; }
</style>
<script type="text/javascript">
var chk = (function chk ( set, cnt ) {
return function ( n, t ) {
set( t, cnt( n.getElementsByTagName( 'INPUT' ) ) );
};
})(
function ( n, v ) {
var a = document.getElementsByName( n ), i, e;
for( i = 0; e = a[ i++ ]; ) e.value = "チェック数は " + v + "個です。";
},
function ( a ) {
var i, e, t;
for( t = i = 0; e = a[i++]; ) if( 'checkbox' === e.type && e.checked ) t++;
return t;
}
)
</script>
</head>
<body>
<form name="hogehoge" action="../../cgi-bin/mihon.cgi" method="POST">
<fieldset>
<legend>御趣味はなんですか?</legend>
<p>
<input type="radio" name="ご趣味は?" value="料理" id="a1" checked>
<label for="a1">料理</label>
</p>
<p>
<input type="radio" name="ご趣味は?" value="昼寝" id="a2">
<label for="a2">昼寝</label><br>
</p>
<p>
<input type="radio" name="ご趣味は?" value="運動" id="a3">
<label for="a3">運動</label>
<p>
</fieldset>
<fieldset onClick="chk(this, 'tBox')">
<legend>○○チェックリスト</legend>
<p>
<INPUT type="checkbox" name="チェック1" value="○">項目1
</p>
<p>
<INPUT type="checkbox" name="チェック2" value="○">項目2
</p>
<p>
<INPUT type="checkbox" name="チェック3" value="○">項目3
</p>
</fieldset>
<p>
現在のチェック数は…
<INPUT size="25" type="text" name="tBox">
</p>
<p>
<input type="submit" value="送信する">
</p>
</form>
</body>