javascript中checkbox使用方法实例演示

本文实例讲述了Javascript实现的伸展收缩型菜单代码。分享给大家供大家参考。具体如下：
运行效果截图如下：

（1）全选

（2）部分选

（3）反选（全不选）

具体代码如下：

 
 
 
 
 
 
 
  body 
  { 
   width:100%; 
   height:100%; 
   font-size:12px; 
  } 
  table 
  { 
   width:80%; 
   height:100%; 
  } 
  .tr_odd 
  { 
   background: #EBF2FE; 
  } 
  .tr_even 
  { 
   background: #B4CDE6; 
  } 
  .tab_body 
  { 
   text-align: center; 
  } 
 
 
 
 
  
 
   
 
    
 
    
学号
 
    
姓名
 
    
年龄
 
    
性别
 
   
 
   
 
    
 
    
2013060101
 
    
张华
 
    
23
 
    
男
 
   
 
   
 
    
 
    
2013060102
 
    
赵雪
 
    
24
 
    
女
 
   
 
   
 
    
 
    
2013060103
 
    
孙旭
 
    
21
 
    
男
 
   
 
   
 
    
 
    
2013060104
 
    
李姝
 
    
20
 
    
女
 
   
 
   
 
    
 
    
2013060105
 
    
公孙旭
 
    
22
 
    
男
 
   
 
   
 
    
 
    
2013060106
 
    
李枝花
 
    
24
 
    
女
 
   
 
   
 
    
 
    
2013060107
 
    
魏征
 
    
22
 
    
男
 
   
 
   
 
    
 
    
2013060108
 
    
施礼
 
    
20
 
    
女
 
   
 
   
 
    
 
    
2013060109
 
    
王志
 
    
23
 
    
男
 
   
 
   
 
    
 
    
2013060104
 
    
方小许
 
    
20
 
    
女
 
   
 
  
 
 

希望本文所述对大家学习javascript程序设计有所帮助。