<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<HTML>
<HEAD>
<%@page contentType="text/html;charset=gb2312"%>
<%@ page import="java.util.*"%>
<%@ page import="java.sql.*"%>  <META http-equiv="Content-Type" content="text/html; charset=GB2312">
  <META name="GENERATOR" content="IBM WebSphere Studio">
  <TITLE>test1.jsp</TITLE>  </HEAD>
  <BODY>
  <form name="testform" action="test2.jsp" method="post" target="test2">
   <table width="100%" border="0" cellpadding="0" cellspacing="1" >
           <tr><td width="100" align="left">复选框1:<br>
                     <INPUT TYPE="checkbox" NAME="jydm1" value="2000">2000<br>
                     <INPUT TYPE="checkbox" NAME="jydm1" value="2100">2100<br>
                     <INPUT TYPE="checkbox" NAME="jydm1"  value="2123">2123<br>
                     <INPUT TYPE="checkbox" NAME="jydm1"  value="2130">2130<br>
                     <INPUT TYPE="checkbox" NAME="jydm1"  value="2131">2131<br>
          </td></tr>
          <tr><td width="100" align="left">复选框2:<br>
                     <INPUT TYPE="checkbox" NAME="jydm2" value="2000">2000<br>
                     <INPUT TYPE="checkbox" NAME="jydm2" value="2100">2100<br>
                     <INPUT TYPE="checkbox" NAME="jydm2"  value="2123">2123<br>
                     <INPUT TYPE="checkbox" NAME="jydm2"  value="2130">2130<br>
                     <INPUT TYPE="checkbox" NAME="jydm2"  value="2131">2131<br>
          </td></tr>
          <tr>
        <td width="90"><input name="button" type="button"  value="确定" onclick="JavaScript:test();"></td>
      </tr>
    </table>
  </form>
  </BODY>
  </HTML>
<script language="JavaScript">
function test()
{
 var el = document.forms[0].elements;
 var count = el.length;
 var checkbox_count=0;
 for (i=0;i<count;i++)
 {
         if (el[i].type=="checkbox")
         {
             checkbox_count++;
         }
  }
  alert(checkbox_count);
}
</script>

解决方案 »

  1.   

    <script language="JavaScript">
    function test()
    {
      len = document.getElementsByTagName ("INPUT").length
       
      alert(len);
    }
    </script>
      

  2.   

    <script language="JavaScript">
    function test()
    {
      len = document.testform.getElementsByTagName  ("INPUT").length
       
      alert(len);
    }
    </script>
      

  3.   

    引用纠正一个错误!
    ---------------------------------------
    回复人: 007james(苏乞儿) ( ) 
    <script language="JavaScript">
    function test()
    {
      len = document.getElementsByTagName ("INPUT").length
       
      alert(len);
    }
    </script>
    --------------------------------------------
    你这样会返回一个所有是input的控件,如页面中有很多控件text,radio,checkbox等
    你这样就会把这些都记入在数组中,没法得到真实的复选框的数目,当然你上面的写法当页面中如果全是<input type=checkbox>是没有问题的。修改一下:<script language="JavaScript">
    function test()
    {
      var a = document.getElementsByTagName ("INPUT")
      var len=0
      for(i=0,i<a.length;i++)
      {
         if(a[i].type="text")len++;
      }
      alert(len);
    }
    </script>