js 全选 全不选

 本文介绍的是用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 >

你可能感兴趣的:(js 全选 全不选)