jquery全选、全不选、反选 效果

我在网上搜了很多的全选全不选效果，不过大多文章的思路大多很复杂，代码量也很多，

特意写了一个既能实现功能，代码和思路都很清晰的代码，这样小白也能看的懂

这个<button> 是HTML5的新标签，当然你也可以这样写button按钮：<input type="button" id=""/>

html部分********************************************************

<button id="btn1">全选</button>
<button id="btn2">全不选</button>
<button id="btn3">反选</button>
<input type="checkbox">
<input type="checkbox">
<input type="checkbox">
<input type="checkbox">
<input type="checkbox">
<input type="checkbox">

jquery部分******************************************************

//全选

//给全选按钮绑定点击事件

$('#btn1').click(function(){

    //给input加上属性 checked 为真 （checked=checked）

    $('input').prop('checked',true);

});

//全不选

//给全不选按钮绑定点击时间

$('#btn2').click(function(){

    //checked = " "

    $('input').prop('checked',false);

});

//反选

$('#btn3').click(function(){

    //遍历 input 下得所有的 checkbox

    $('input:checkbox').each(function(){

          this.checked = !this.checked;

     });

});

全选全不选以及获取checked为真得ID   数据是从数据库遍历出来的

 //全选全不选
    $('#ipu').click(function(){
        //如果checked 为真true
        if(document.getElementById('ipu').checked){
            //遍历所有checkbox
            $('input:checkbox').each(function(){
                this.checked = true;
            });
        }else{
            $('input:checkbox').each(function(){
                this.checked = false;
            });
        }
    });

    //获取ID按钮
    $('#hid').click(function(){
        //获取选中的id
        $('input.adminId:checked').each(function(){
            alert($(this).val());
        });
    });