jquery实现checkbox全选与反选

全选/反选


    1

    2

    3

    4

    5



// 全选与反选
$("#All").on('click', function () {
    if ($(this).prop("checked") == true) {
        $(".item").prop("checked", true)
    } else {
        $(".item").prop("checked", false)
    }

})
// 获取所有的item的个数
var Item=$(".item").length;         
$(".item").on('click',function(){
    // 获取item选中的个数
    var checkItem=$(".item:checked").length;
    //判断Item和checkItem的个数对否相等
    if(checkItem==Item){
        $("#All").prop("checked", true)
    }else{
        $("#All").prop("checked", false)
    }
})