Jq五行代码实现全选与反选

HTML代码

全选
反选


1


2


3

JS代码
使用前必须先引入jq

//全选
    $("#check_all").on('click',function(){
      if($(this).is(":checked")) {//全选中
            $(".checkbox").prop('checked',true);
        }else {//全选向选否时，取消全选中
            $(".checkbox").prop('checked',false);
        }
    });
//反选
    $("#check_reverse").on('click',function(){
        $(".checkbox").each(function(){
            $(this).prop('checked',!$(this).is(":checked"))
        })
    });