一个简单的checkbox全选的例子

 最近在做一个PHP的项目，开始的时候真是一点都不懂，做过后，才觉得自己对html还真是不熟悉啊，今天学了个东西，也许是很基础的吧，不过原来我不知道，一直都是做.Net。

 

一个checkbox全选的例子

 

1. 1. //点全选，选中当前父节点下所有子节点
   2. function checkCLASS(o)//o是父checkbox的name值
   3. {
   4.       var str = o + '[]';//子checkbox的name值都为父checkbox值+[]（应该是一个数组吧）
   5.       var opare = document.getElementsByName(o);
   6.       var cbs=document.getElementsByName(str);//取得check数组
   7.       for(i=0;i<cbs.length;i++)
   8.       {
   9.         cbs[i].checked=opare[0].checked;
   10.       }
   11. }
   12. //只要有一个子checkbox选中，则他对应的父checkbox就会被选中，
   13. function checkPARENT(o)
   14. {
   15.       var str = o + '[]';
   16.       var opare = document.getElementsByName(o);
   17.       var cbs=document.getElementsByName(str);
   18.       for(i=0;i<cbs.length;i++)
   19.       {
   20.         if(cbs[i].checked == true)
   21.         {
   22.             opare[0].checked = true;
   23.             break;
   24.         }
   25.       }
   26.       if(i == cbs.length)
   27.       {
   28.         opare[0].checked = false;
   29.       }
   30. }
   //选中所有的checkbox控件
2. function checkAll(o)
3. {
4.   var cbs=document.getElementsByTagName('input');//根据标签来查找控件
5.   for(i=0;i<cbs.length;i++)
6.   {
7.     if(cbs[i].type == 'checkbox')//当是checkbox控件
8.     {
9.         cbs[i].checked=o.checked;
10.     }
11.   }
12. }

其实主要还是想记录下一下这几个函数的用处：

document.getElementsByName(o);//取得名字为o的数值的所有控件（是一个集合）

document.getElementsByTagName('input');//得得是input标签的控件（可以是image等标签）

另外还有一个是

document.getElementsById(o);//取得ID为哦的数值的控件（是一个，ID本来也是唯一的）