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

转载 2006年06月22日 15:14:00
<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>

相关文章推荐

实现GridView翻页并且实现CheckBox选中功能的保持

在GridView与数据库进行绑定后,由得到的数据记录可能有许多条,以至一个页面无法容纳,这时需要进行多页显。 要实现分页显现,只要使用分页类 "PagedDataSource" 或者只对GridV...

C#中获取CheckBox选中值(多选)

  • 2013年04月21日 19:01
  • 389B
  • 下载

自定义adapter checkbox选中处理

  • 2015年05月25日 09:41
  • 3KB
  • 下载

SpringMVC与JS一起实现checkbox翻页后保持已选中状态

1.技术:kkpager分页插件(仅是个人分页方法,详情技术请查阅相关资料,当然,还有很多其他分页方法),SpringMVC,JS, AJAX,Json,session 2.思路:​   ...

asp.net Treeview CheckBox 选中

  • 2009年07月20日 10:43
  • 2KB
  • 下载

翻页后保存checkbox选中状态

  • 2012年05月31日 10:39
  • 59.5MB
  • 下载

带有CheckBox的ListView,实现删除和选中功能

Android实现带有CheckBox的ListView [html] view plaincopy package com.zwq.umeng...
  • he90227
  • he90227
  • 2014年07月04日 19:19
  • 1199

CheckBox是否选中

  • 2010年08月28日 16:45
  • 1.96MB
  • 下载
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:脚本实现CheckBox父选中,子全选中,子选中父也选中!
举报原因:
原因补充:

(最多只允许输入30个字)