脚本实现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>

JS复选框checkbox:父复选框全选全取消子选框和子选框选则而父选框自动选中的代码

复选项: 子选项 //父复选框全选全取消子选框             function allselect(){                 obj=docume...
  • kissing7
  • kissing7
  • 2013年05月13日 14:35
  • 1799

JS实现:选中父checkbox时子checkbox同时被选中

 html中checkbox定义:input type="checkbox" value="@@@list_category_id@@@" name="DEL_CATEGORY_ID" onclick...
  • yehell
  • yehell
  • 2007年12月10日 13:52
  • 1130

建一颗含有checkbox的树并且选中父节点,其子结点也全部被选中

 //定义checkbox tree panel   var tree_fav_panel = new Ext.tree.TreePanel({   id:tree_fav_panel,   useA...
  • foamflower
  • foamflower
  • 2010年03月12日 22:39
  • 2573

jquery checkbox 全选 反选 子级全选默认选中父级

js中: label>input type="checkbox" id="cb_all"/>全选label>         label>input type="checkbox" class...
  • tan01234
  • tan01234
  • 2017年08月31日 15:06
  • 242

CheckBox 选中效果 选中子自动选中父

// Apparently click is better chan change? Cuz IE? $('input[type="checkbox"]').change(function(e...
  • a110658684
  • a110658684
  • 2016年11月09日 19:20
  • 1539

jquery treeview checkbox选中子目录,同时选中父目录,关联选择

jquery treeview 的选中子目录,同时选中父目录,关联选择 //wirted by qq:190988779 at 2010-1-5 9:52:08 /...
  • foart
  • foart
  • 2011年08月13日 22:50
  • 4520

jstree checkbox选择所有子节点却不自动选择父节点

我用的是  jsTree 3.0.0
  • liu739
  • liu739
  • 2014年07月29日 23:15
  • 5214

checkbox全选全不选、子chekbox全选非全选对应父checkbox选不选——全

jQuery实现CheckBox全选、全不选 $(function() { $("#checkAll").click(function() { ...
  • superit401
  • superit401
  • 2016年07月08日 16:40
  • 2662

checkbox 全选、全不选、子项全选则全选按钮也选中

HTML: 全选 JS: // 表格全选,反选 function checkAll(str, ev) { var a = document.getElementsByName(s...
  • yao940421
  • yao940421
  • 2017年03月30日 16:49
  • 72

Jquery实现点击某一checkbox时,value类似的checkbox也选中

script type="text/jscript"> //点击某checkbox时,把相关的上传文件及生成文件一并删除。2012.2.15 jb $(document).ready(fun...
  • venustear
  • venustear
  • 2015年02月27日 09:26
  • 1715
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:脚本实现CheckBox父选中,子全选中,子选中父也选中!
举报原因:
原因补充:

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