常用的js全选checkbox按钮的功能

在WEB项目中关于全选的checkbox功能肯定会遇到，而且每个项目中都会有不少的地方会用到。下面把以前自己用的例子贴出来，在ie和firefox下都可以正常运行，有兴趣的朋友也可以参考下。

例子示意图如下：



代码如下：

>

		
checkbox的js全选功能
			



姓名
地址



张三
北京



李四
上海



王五
天津




    
支持ie和firefox
    
选中全选checkbox，则所有子checkbox自动选中
    
去掉选中全选checkbox，则所有子checkbox自动全部取消选中
    
如果选中全部子checkbox，则全选checkbox自动选中
    
全选后，如果去掉选中任何子checkbox，则全选checkbox自动取消选中

Js代码

/**
 * checkbox的点击方法
 * 要求：
 * 1.全选/全不选的checkbox的name属性为 单个checkbox的name属性名+_all , 注意:最后必须为_all.
 *   例如:单个checkbox的name=or_id,则全选checkbox的name=or_id_all
 * 2.全选/全不选的checkbox必须定义id属性,并且id属性值与name属性值相同
 * 3.所有单个的checkbox在同一个form中.
 * 4.全选/全不选的checkbox可以在form中也可以在form外面.
 * 5.整个页面不允许再有和全选/全不选checkbox同name和同id的组件.
 *
 */
function _tlsCheckboxSelAll(formObj,checkboxClicked){
    var checkName = checkboxClicked.name;//取得点击的checkbox的name属性
    var index = checkName.indexOf("_all");//判断是否有_all字符串
    var isAll = false;
    if(index!=-1){//如果有_all
        if(index+"_all".length==checkName.length){//满足说明_all是在最后面，表示这是个全选/全不选的checkbox.
            isAll = true;
        }
    }
    var thisChecked = checkboxClicked.checked;//当前checkbox的状态 true=选中 false=不选中
    if(isAll){//点了全选/全不选的checkbox
        var childCheckName = checkName.substring(0,index);
        eval("var allChildCheckboxs = formObj."+childCheckName);
        var childCheckboxCount = allChildCheckboxs.length;
        if(childCheckboxCount==null){//只有1个单个的checkbox
            allChildCheckboxs.checked = thisChecked;
        }else{//有2个或2个以上的单个checkbox
            for(var i=0;i

此上为转帖看到这段代码不错，不过就是实现起来太复杂了。

 

还有别的方法也可以基本实现此功能

 

一,

1. function onSelectAll()   
2.  {   
3.  for(var i = 0;i

         if (document.forms.form1.elements[i].type== "checkbox" ){                 if (checkAll.checked== true ){                document.forms.form1.elements[i].checked= true ;}                 else {                document.forms.form1.elements[i].checked= false ;                }            }        }     }  

二。

 function selectAll(obj){    var chkobj = document.getElementsByName("chkid");    if(chkobj!=null){       if(obj.checked){         for(var i=0;i          chkobj[i].checked=true;         }       }       else{         for(var i=0;i          chkobj[i].checked=false;         }       }    }