首页 > 代码库 > 用js做出全选和反选效果

用js做出全选和反选效果

  效果图如下:

 

<script language="javascript" type="text/javascript" src="http://www.mamicode.com/js/jquery.js"></script>

<script type="text/javascript" language="javascript">

$(function(){
  $("#selecAll").click(function(){
   var isChecked=this.checked;
      $("input[name=‘rowSelect‘]").each(function() {
    if(isChecked){
     this.checked=true;
    }else{
     this.checked=false;
       }
    });
      });
  });
  
  
  
 $(function(){
  $("#reverseSelect").click(function(){
   $("input[name=‘rowSelect‘]").each(function() {
     if(this.checked){
     this.checked=false;
     }else{
     this.checked=true;
     }
               
                  });
       });
  }); 

</script>