全选与全不选

html:

<div class="col-sm-11" id="recallSrc">
    <label class="checkbox-inline">
        <input type="checkbox" value="all" onclick="selectAllOption(this)"><span>全部</span></label>

</div>

javascript:

function selectAllOption(obj){

    if($(obj).is(":checked")){
        $(obj).parent().parent().find("input[type='checkbox']").not(obj).prop("checked",true);
        //$(obj).next().text("全不选");

    }else{
        $(obj).parent().parent().find("input[type='checkbox']").not(obj).prop("checked",false);
        //$(obj).next().text("全选");
    }

}

添加checkbox:

let paramObj=new Object();
paramObj["id"]=getQueryString("id");
$.ajax({
    cache: false,
    type: "POST",
    url: "/xx/xx/xx",
    data: paramObj,
    error: function (request) {
        $.modal.alertError("系统错误");
    },
    success: function (data) {
        if (data!=null) {
            let rst="";
            for(let i=0;i<data.length;i++){
                let obj=data[i];
                rst+= "<label class='checkbox-inline'><input type='checkbox' value='"+obj["code"]+"' name='srcCode'>"+obj["name"]+"</label>";

            }
            $("#recallSrc").append(rst);

        } else {
            layer.alert("返回异常");
        }
    }
});
});