• 博客园logo
  • 会员
  • 众包
  • 新闻
  • 博问
  • 闪存
  • 赞助商
  • HarmonyOS
  • Chat2DB
    • 搜索
      所有博客
    • 搜索
      当前博客
  • 写随笔 我的博客 短消息 简洁模式
    用户头像
    我的博客 我的园子 账号设置 会员中心 简洁模式 ... 退出登录
    注册 登录
00fairy00の学习园地
博客园    首页    新随笔    联系   管理    订阅  订阅
NO.4 学习“在多个表单中的checkbox全选、反选
Code
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">  
<html>  
<head>  
<title>Checkbox全选,反选,全不选</title>  
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">  
</head>  
<body>  
<mce:script language="Javascript"><!--   
     
function cc(N,bool){     
  var aa = document.getElementById(N).getElementsByTagName("input");   
  for (var i=0; i<aa.length; i++){   
      if (aa[i].type=="checkbox")   
        aa[i].checked = bool==1 ? true : (bool==0 ? false : !aa[i].checked);   
  }     
}   
// 
--></mce:script>  
     
<form id="form1">  
    
<input   type=checkbox   name=c1><br>     
    
<input   type=checkbox   name=c2><br>     
    
<input   type=checkbox   name=c3><br>     
    
<input   type=checkbox   name=c4><br>     
    
<input   type=checkbox   name=c5><br>     
    .
<br>     
      
</form>  
   
<a href="javascript:void(0)" mce_href="javascript:void(0)" onClick="cc('form1',1)">全选</a> <a href="javascript:void(0)" mce_href="javascript:void(0)" onClick="cc('form1',0)">全不选</a> <a href="javascript:void(0)" mce_href="javascript:void(0)" onClick="cc('form1',2)">反选</a>  
     
     
<form id="form2">  
    
<input   type=checkbox   name=c11><br>     
    
<input   type=checkbox   name=c12><br>     
    
<input   type=checkbox   name=c13><br>     
    
<input   type=checkbox   name=c14><br>     
    .
<br>     
      
</form>  
   
<a  href="javascript:void(0)" mce_href="javascript:void(0)" onClick="cc('form2',1)">全选</a> <a href="javascript:void(0)" mce_href="javascript:void(0)" onClick="cc('form2',0)">全不选</a> <a href="javascript:void(0)" mce_href="javascript:void(0)" onClick="cc('form2',2)">反选</a>  
      
      
<form id="form3">  
    
<input   type=checkbox   name=c19><br>     
    
<input   type=checkbox   name=c21><br>     
    
<input   type=checkbox   name=c31><br>     
    .
<br>     
</form>  
   
<a  href="javascript:void(0)" mce_href="javascript:void(0)" onClick="cc('form3',1)">全选</a> <a href="javascript:void(0)" mce_href="javascript:void(0)" onClick="cc('form3',0)">全不选</a> <a href="javascript:void(0)" mce_href="javascript:void(0)" onClick="cc('form3',2)">反选</a>  
      
</body>  
</html>  
在蓝色理想学习的!~~~~ 
posted on 2009-11-10 15:08  00fairy00  阅读(247)  评论(0)    收藏  举报
刷新页面返回顶部
博客园  ©  2004-2025
浙公网安备 33010602011771号 浙ICP备2021040463号-3