JavaScript迷惑问题之十二：如何得到页面中表单组件的总数？

<input type=checkbox>
<input type=checkbox>
<input type=radio>
<input type=password>
<script>
function checkType(type){
var n=0,o=document.getElementsByTagName("input")
for(i=0;i<o.length;i++)if(o[i].type==type)n++
return n;
}
alert(checkType("checkbox"))
</script>

解决方案 »

  1.   

    to 秋水：上面这个是可以但有方法能一句话就得到checkbox的总数吗我需要在for(var i=0; i<checkbox总数; i++)这里用到
      

  2.   

    不能一句就得到得到checkbox的总数
    var objs=document.getElementsByTagName("INPUT");
    j=0;
    for(i=0;i<objs.length;i++){
      if(objs[i].type=="checkbox")
         j++;
    }
    alert("checkbox的总数是：" + j);
      

  3.   

    如果单单求checkbox的个数，可以用checkType函数如果需要得到checkbox的集合，就要先遍历input
    因为checkbox是input的子集，所以如果要遍历checkbox，
    就要先遍历input，判断其type，修改checkType中的n++为你的操作
      

  4.   

    <BODY>
    <input name=checkbox type=checkbox value=a>
    <input name=checkbox type=checkbox value=b>
    <input name=checkbox type=checkbox value=c>
    <input name=checkbox type=checkbox value=d>
    <input name=checkbox type=checkbox value=e>
    <input name=checkbox type=checkbox value=f>
    <script language=javascript>
    alert(document.all.item("checkbox").length);
    </script>
    </BODY>
      

  5.   

    你样可能会到用name/id去标识某一个checkbox,这时你可同时用name,id:
    <BODY>
    <input name=checkbox id=checkbox0 type=checkbox value=a>
    <input name=checkbox id=checkbox1 type=checkbox value=b>
    <input name=checkbox id=checkbox2 type=checkbox value=c>
    <input name=checkbox id=checkbox3 type=checkbox value=d>
    <input name=checkbox id=checkbox4 type=checkbox value=e>
    <input name=checkbox id=checkbox5 type=checkbox value=f>
    <script language=javascript>
    alert(document.all.item("checkbox").length);
    alert(document.all.checkbox0.value);
    </script>
    </BODY>