可以复用的checkbox

//全选与反选
$("#checkAll").click(function () {
    if(this.checked ==  true){
        $('[type=checkbox]').prop('checked', true);
    }else{
        $('[type=checkbox]').prop('checked', false);
    }
})

//获取全部已经选中的checkbox个数
$("input[type='checkbox']:checked").length;
//子checkbox的全部选中对全选的影响
$(".son").click(function () {
    //总的checkbox的个数
    var len =   $(".son").length;
    //已选中的checkbox的个数
    var checkedLen  =   $("input[type='checkbox'][name='checked_goods']:checked").length;
    alert(checkedLen);
    if(len  ==  checkedLen){
        $('#checkAll').prop('checked', true);
    }else{
        $('#checkAll').prop('checked', false);
    }
})