Jquery全选反选

body内容

 <input type="checkbox" />菊花台
    <br />
    <input type="checkbox" />千里之外
    <br />
    <input type="checkbox" />青花瓷
    <br />
    <input type="checkbox" />兰亭序
    <br />
    <input type="checkbox" />超人不会飞
    <br />
    <input type="checkbox" />七里香
    <br />
    <input type="button" value="全选" id="btn1"/>
    <input type="button" value="反选" id="btn2"/>
    <input type="button" value="全不选" id="btn3"/>

全选

  $("#btn1").click(function () {
                    
                $("input:checkbox").prop("checked", true);
            });

全不选

 $("#btn3").click(function () {
                $("input:checkbox").prop("checked", false);
            });

反选

  $("#btn2").click(function () {
               
                第一种方法
                //遍历所有复选框
                $(":checkbox").each(function (index, dom) {
                    
                    $(dom).prop("checked", !$(dom).prop("checked"));
                    
                });
                第二种方法
                $(":checkbox").each(function (index, dom) {
                    
                   //获取复选框checked属性
                    //var falg = $(dom).prop("checked");
                    //进行判断如果选中为true
                    //if (falg == true) {
                    //    $(dom).prop("checked", false);
                    //} else {
                    //    $(dom).prop("checked", true);
                    //}
                    
                });
                第三种方法
                //$("input:checkbox").prop("checked", function (i, val) {
                //    return !val;
                //});