js 全选 全不选

来源:互联网 发布:拙心网络企业电话 编辑:程序博客网 时间:2024/05/18 20:46

 本文介绍的是用JS实现全选全不选的方法,另外,这个代码不是我写的,我只是从公司的项目里提取出来,并总结在此,以便以后复用,呵呵。

function chkClick (chk , oSrc){
    
if(chk.checked)
        chkAll (oSrc) ;
    
else
        unChkAll (oSrc)
}


function chkAll (oSrc){
    oSrc 
= eval(oSrc).rowId;
    
if(oSrc!=null)
    
{
        
if(oSrc.length == null)
        
{
            
if (!oSrc.checked){oSrc.click();}
        }

        
for (i=oSrc.length-1;i>=0;i--){
            
if (!oSrc[i].checked){oSrc[i].click();}
        }

    }

}


function unChkAll (oSrc){
    oSrc 
= eval(oSrc).rowId;
    
if(oSrc!=null)
    
{
        
if(oSrc.length == null)
        
{
            
if (oSrc.checked){oSrc.click();}
        }

        
for (i=oSrc.length-1;i>=0;i--){
            
if (oSrc[i].checked){oSrc[i].click();}
        }

    }

}

页面部分(handle为页面的form的name值):

<input type="checkbox" name="all" value="checkbox"  onclick="chkClick(this , handle)">
<td align="center"><input type="checkbox" name=rowId value="<%=mn.getMobie_number()%>"></td>
原创粉丝点击