jquery实现多选框全选全不选功能

// 多选框全选全不选功能
function checkAllOrNone(sonCheckName, allCheckName,outEl) {
    var readyCheckNum;//已选择的
    //点击子选框
    $(outEl).on("click",sonCheckName,function () {
        var checkedNum = $(sonCheckName).length;
        readyCheckNum = $(sonCheckName + ":checked").length;
        if (readyCheckNum == checkedNum) {
            $(allCheckName).prop("checked", true);
        } else {
            $(allCheckName).prop("checked", false);
        };
    });
    //点击全选框
    $(outEl).on("click",allCheckName,function () {
        if ($(this).is(":checked")) {
            $(allCheckName).prop("checked", true);
            $(sonCheckName).prop("checked", true);
        } else {
            $(allCheckName).prop("checked", false);
            $(sonCheckName).prop("checked", false);
        }
    });
};
                //子选框 //全选框  //外层父元素
checkAllOrNone(".ckson", ".ckall","#tiMuInfor");


//获得选中的value值
$("xx").click(function () {
    var cList=[];
    $(sonCheckName+":checked").each(
        function (i) {
            cList[i]=$(this).val();
        }
    );
    console.log(cList);
});

推荐给大家我的个人网址导航：前端网址导航，希望对大家前端学习有所帮助，提高工作效率和学习效率。