脚本实现CheckBox父选中,子全选中,子选中父也选中!

< FORM  id =weaver  name =frmmain  action ="DocUserDefaultOperation.jsp"  method =post  >
< input  type ="hidden"  name ="id"  value =1 >

< table  class =Form >
  
< tr  class =Section >
          
< TH  colSpan =2 > 字段 </ TH >
  
</ tr >
  
< TR  class =Separator >
        
< TD  class =Sep1  colSpan =2 ></ TD >
  
</ TR >
  
< tr  class =field >
      
< td  width ="50%" >
          
< input  type ="checkbox"  name ="hascreater"  value ="1"  checked  >
          所有者
      
</ td >
      
< td  width ="50%" >
          
< input  type ="checkbox"  name ="hasdocid"  value ="1"  checked  >
          标识
      
</ td >
  
</ tr >
  
< tr  class =field >
      
< td  width ="50%" >
          
< input  type ="checkbox"  name ="hascreatedate"  value ="1"  checked  >
          创建日期
      
</ td >
      
< td  width ="50%" >
          
< input  type ="checkbox"  name ="hascategory"  value ="1"  checked  >
          主目录/分目录/子目录
      
</ td >
  
</ tr >
  
< tr  class =field >
      
< td  width ="50%" >
          
< input  type ="checkbox"  name ="hascreatetime"  value ="1"  checked  >
          修改日期时间
      
</ td >
      
< td  width ="50%" >
          
< input  type ="checkbox"  name ="hasreplycount"  value ="1"  checked  >
          显示回复总数
      
</ td >
  
</ tr >
  
< tr  class =field >
      
< td  width ="50%" > &nbsp; </ td >
      
< td  width ="50%" >
          
< input  type ="checkbox"  name ="hasaccessorycount"  value ="1"  checked  >
          显示附件总数
      
</ td >
  
</ tr >
  
< tr  class =Section >
          
< TH  colSpan =2 > 显示 </ TH >
  
</ tr >
  
< TR  class =Separator >
        
< TD  class =Sep1  colSpan =2 ></ TD >
  
</ TR >
  
< tr  class =field >
      
< td >
      每页记录
      
< input  type ="text"  class =saveHistory  name ="numperpage"  value =50  size ="3"  maxlength =2  onKeyPress ="ItemCount_KeyPress()"  onBlur ='checknumber1(this)' >
      条

      
</ td >
  
</ tr >
  
  
< tr  class =Section >
          
< TH  colSpan =2 > 主目录 - 目录 </ TH >
  
</ tr >
  
< TR  class =Separator >
        
< TD  class =Sep1  colSpan =2 ></ TD >
  
</ TR >
  
< tr >
      
< td  width ="50" > 主目录 </ td >
      
< td  width ="50%" ></ td >
  
</ tr >
  
< tr >
      
< td  width ="50%"  align ="center" > 分目录 </ td >
      
< td  width ="50%" ></ td >
  
</ tr >
  
< tr >< td  colspan =2 ></ td ></ tr >
  
< TR >< TD  class =Sep1  colSpan =2 ></ TD ></ TR >
  
  
< tr  class =field >
        
< td  width ="50%"  align =left  valign =top >
        
     
< table  class =Form >
        
< tr  class =field >
          
< td  colspan =2  align =left >
          
          
< input  type ="checkbox"  name ="m12"  value ="M12"  onclick ="checkMain('12')"  checked >
          
          
< b > 系统使用 </ b >   </ td ></ tr >
     
        
< tr  class ="field" >
          
< td  width ="20%" ></ td >
          
< td >
          
          
< input  type ="checkbox"  name ="s12"  value ="S27"  onclick ="checkSub('12')"  checked >
          
          系统使用规范
</ td ></ tr >
    
        
< tr  class ="field" >
          
< td  width ="20%" ></ td >
          
< td >
          
          
< input  type ="checkbox"  name ="s12"  value ="S28"  onclick ="checkSub('12')"  checked >
          
          系统功能介绍
</ td ></ tr >
    
    
</ table >
    
     

          
< table  class =Form >
        
< tr  class =field >
          
< td  colspan =2  align =left >
          
          
< input  type ="checkbox"  name ="m7"  value ="M7"  onclick ="checkMain('7')"  checked >
          
          
< b > 会议资料 </ b >   </ td ></ tr >
     
        
< tr  class ="field" >
          
< td  width ="20%" ></ td >
          
< td >
          
          
< input  type ="checkbox"  name ="s7"  value ="S12"  onclick ="checkSub('7')"  checked >
          
          会议资料
</ td ></ tr >
    
    
</ table >
    
         
        
</ td >< td  align =left  valign =top >
    
  
</ tr >
</ table >
</ form >

    

< script >
function checkMain(id) {
len 
= document.frmmain.elements.length;
var mainchecked=document.all("m"+id).checked ;
var i=0;
for( i=0; i<len; i++{
if (document.frmmain.elements[i].name=='s'+id) {
document.frmmain.elements[i].checked
= mainchecked ;
}

}

}


function checkSub(id) {
len 
= document.frmmain.elements.length;
var i=0;
for( i=0; i<len; i++{
if (document.frmmain.elements[i].name=='s'+id) {
    
if(document.frmmain.elements[i].checked){
        document.all(
"m"+id).checked=true;
        
return;
        }

    }

}

document.all(
"m"+id).checked=false;
}


function onSave(){
    
if(document.all("numperpage").value != ""&& document.all("numperpage").value*1<=0 ){
        alert(
"每页记录条数必须大于零");
        
return;
    }

    frmmain.submit();
}

</ script >
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值