select全选和反选

var all = document.getElementById("select_all");
                var vip = document.getElementsByName("vip"),l = vip.length;
                all.onclick = function(){
                    for(var i=l;i--;){
                        vip[i].checked = all.checked;
                    }
                };
                for(var i=l;i--;){
                    vip[i].onclick = function(){
                        var k = 0;
                        for(var i=l;i--;)vip[i].checked && k++;
                        all.checked = l==k;
                    };
                }

jq

$("#checkall").click(function() {
    if($('#checkall').is(':checked')){
        $('input[name="subBox"]').prop("checked", true);
    }else{ console.log($('#checkall').is(':checked'))
        $('input[name="subBox"]').prop("checked", false);
    }
});
var $subBox = $("input[name='subBox']");
$subBox.click(function(){
    console.log($("input[name='subBox']:checked").length)
    console.log($subBox.length)
    if($subBox.length == $("input[name='subBox']:checked").length){
        $("#checkall").prop("checked", true);
    }else{
        $("#checkall").prop("checked", false);
    }


});