チェックボックスのチェックされた数を数える

<!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>