• 案例演示

 

• 源代码

  
          
      
  
       
            
             
                
              
                
菜名
                
饭店
             
            
            
             
                
              
                
红烧肉
                
田老师
             
             
                
              
                
西红柿鸡蛋
                
田老师
             
             
                
              
                
鱼香肉丝
                
田老师
             
             
                
              
                
小葱拌豆腐
                
田老师
             
            
         
      

 

 

 

• 具体实现 

• 思想方法：

                         //全选：点击全选按钮，其他的小按钮都选中，说明小按钮的状态是跟着全选按钮而变化的

                        //不全选：小按钮有一个没选择，全选不选中

•        核心代码
  //获取全选按钮   var cksAll=my$("j_cbAll");  //获取其他小按钮  var cks = my$("j_tb").getElementsByTagName("input");  //实现点击全选按钮，小按钮的状态跟着全选按钮变化  cksAll.onclick=function() {    for (var i = 0; i < cks.length; i++) {      cks[i].checked=this.checked;    }  }; //遍历每一个小按钮  for(var i=0;i