复选框全选（一） 使用class实现全选

View Code

<script language="JavaScript" type="text/javascript">

    document.getElementsByClassName = function(eleClassName)
    {
        var getEleClass = [];//定义一个数组
        var myclass = new RegExp("\\b"+eleClassName+"\\b");//创建一个正则表达式对像
        var elem = this.getElementsByTagName("*");//获取文档里所有的元素
        
        for(var h=0;h<elem.length;h++)
        {
            var classes = elem[h].className;//获取class对像
            //正则比较，取到想要的CLASS对像
            if (myclass.test(classes))
            {
                getEleClass.push(elem[h]);
            }
        }
        return getEleClass;//返回数组
    }

    function checkAll(obj,objClassName)
    {
        var objArray=document.getElementsByClassName(objClassName);
        
        for (i=0;i<objArray.length; i++)
        {   
            objArray[i].checked = obj.checked;
        }
    }
    </script>

调用

<input type="checkbox" onclick="checkAll(this,'clsChkColName')" runat="server" />全选