JQUERY实现全选全不选

 
 

  
  最近遇到要做一个checkbox做全选和全不选的的东东，查了一些资料，写了一个小列子
 
 
 
 

  
  <
  
  script 
  
  type
  
  =
  
  "text/javascript"
  
  >
 
 
 
 

  
  <!-- 
  
  全选或者全不选 
  
  -->
 
 
 
 
        
  
  function 
  
  allselect
  
  (){
 
 
 
 
            
  
  if
  
  (!
  
  $
  
  (
  
  "#selectAll"
  
  ).
  
  is
  
  (
  
  '
  
  :
  
  checked
  
  '
  
  )){
 
 
 
 
                
  
  $
  
  (
  
  "#treeTable :checkbox"
  
  ).
  
  attr
  
  (
  
  "checked"
  
  , 
  
  false
  
  );
 
 
 
 
            
  
  }
  
  else
  
  {
 
 
 
 
                
  
  $
  
  (
  
  "#treeTable :checkbox"
  
  ).
  
  attr
  
  (
  
  "checked"
  
  , 
  
  true
  
  );
 
 
 
 
            
  
  }
 
 
 
 
            
  
  <!-- 
  
  获取选中的
  
  checkbox
  
  值 
  
  -->
 
 
 
 
            
  
  var 
  
  valArr 
  
  = 
  
  new 
  
  Array
  
  ;
 
 
 
 
            
  
  $
  
  (
  
  "#treeTable :checkbox[checked]"
  
  ).
  
  each
  
  (
  
  function
  
  (
  
  i
  
  ){
 
 
 
 
                
  
  valArr
  
  [
  
  i
  
  ] 
  
  = 
  
  $
  
  (
  
  this
  
  ).
  
  val
  
  ();
 
 
 
 
            
  
  });
 
 
 
 
            
  
  var 
  
  vals 
  
  = 
  
  valArr
  
  .
  
  join
  
  (
  
  '          
  
  '
  
  );
  
  //转换为逗号隔开的字符串
 
 
 
 
            
  
  alert
  
  (
  
  vals
  
  );
 
 
 
 
            
  
  return 
  
  vals
  
  ;
 
 
 
 
        
  
  }
 
 
 
 
        
  
  <!-- 
  
  单个选择 
  
  -->
 
 
 
 
        
  
  function 
  
  selectOne
  
  (){
 
 
 
 
            
  
  if
  
  (!
  
  $
  
  (
  
  "#oneselect"
  
  ).
  
  is
  
  (
  
  '
  
  :
  
  checked
  
  '
  
  )){
 
 
 
 
                
  
  $
  
  (
  
  "#oneselect :checkbox"
  
  ).
  
  attr
  
  (
  
  "checked"
  
  , 
  
  false
  
  );
 
 
 
 
            
  
  }
  
  else
  
  {
 
 
 
 
                
  
  $
  
  (
  
  "#oneselect :checkbox"
  
  ).
  
  attr
  
  (
  
  "checked"
  
  , 
  
  true
  
  );
 
 
 
 
            
  
  }
 
 
 
 
            
  
  <!-- 
  
  获取选中的
  
  checkbox
  
  值 
  
  -->
 
 
 
 
            
  
  var 
  
  valArr 
  
  = 
  
  new 
  
  Array
  
  ;
 
 
 
 
            
  
  $
  
  (
  
  "#treeTable :checkbox[checked]"
  
  ).
  
  each
  
  (
  
  function
  
  (
  
  i
  
  ){
 
 
 
 
                
  
  valArr
  
  [
  
  i
  
  ] 
  
  = 
  
  $
  
  (
  
  this
  
  ).
  
  val
  
  ();
 
 
 
 
            
  
  });
 
 
 
 
            
  
  var 
  
  vals 
  
  = 
  
  valArr
  
  .
  
  join
  
  (
  
  '          
  
  '
  
  );
  
  //转换为逗号隔开的字符串
 
 
 
 
            
  
  alert
  
  (
  
  vals
  
  );
 
 
 
 
            
  
  return 
  
  vals
  
  ;
 
 
 
 
        
  
  }
 
 
 
 
    
  
  </
  
  script
  
  >