jquery实现checkbox全选与反选

<input type="checkbox" id="All" />全选/反选<br />
<div id="div">
    <input type="checkbox" class="item" />1<br />
    <input type="checkbox" class="item" />2<br />
    <input type="checkbox" class="item" />3<br />
    <input type="checkbox" class="item" />4<br />
    <input type="checkbox" class="item" />5
</div>


// 全选与反选
$("#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)
    }
})