位 保存权限

<button id="btn_add" type="button" class="btn btn-default">
    <span class="glyphicon glyphicon-plus" aria-hidden="true"></span> 新增
</button>
<button id="btn_edit" type="button" class="btn btn-default">
    <span class="glyphicon glyphicon-pencil" aria-hidden="true"></span> 修改
</button>

<td id="powerTd">
    <input id="power" type="number" name="power" class="form-control" value=0 onchange="powerChange(this)" style="display: none"/>
    <label><input type="checkbox" value=0b100000 onchange="powerOptionChange(this)"/>管理员</label>
    <label><input type="checkbox" value=0b010000 onchange="powerOptionChange(this)"/>管理用户</label>
    <label><input type="checkbox" value=0b001000 onchange="powerOptionChange(this)"/>采购</label>
    <label><input type="checkbox" value=0b000100 onchange="powerOptionChange(this)"/>采购退货</label>
    <label><input type="checkbox" value=0b000010 onchange="powerOptionChange(this)"/>销售</label>
    <label><input type="checkbox" value=0b000001 onchange="powerOptionChange(this)"/>销售退货</label>
</td>

<input value="提交" class="btn btn-primary" id="btn_submit">

function powerOptionChange(that) {
    console.log(that);
    let power = $("#power").first();
    let checkbox = $(that).first();
    console.log(power.val() + "   " + checkbox.val() + "  " + checkbox.checked);
    if (checkbox.prop("checked"))
        power.val(power.val() | checkbox.val())
    else
        power.val(power.val() & (0b111111 ^ checkbox.val()))
    console.log(power.val());
}

function powerChange() {
    let power = $("#power").first().val();
    if ((power & 0b100000) == 0b100000)
        $("#powerTd input:checkbox[value=0b100000]").first().prop("checked", true);
    else
        $("#powerTd input:checkbox[value=0b100000]").first().prop("checked", false);
    if ((power & 0b010000) == 0b010000)
        $("#powerTd input:checkbox[value=0b010000]").first().prop("checked", true);
    else
        $("#powerTd input:checkbox[value=0b010000]").first().prop("checked", false);
    if ((power & 0b001000) == 0b001000)
        $("#powerTd input:checkbox[value=0b001000]").first().prop("checked", true);
    else
        $("#powerTd input:checkbox[value=0b001000]").first().prop("checked", false);
    if ((power & 0b000100) == 0b000100)
        $("#powerTd input:checkbox[value=0b000100]").first().prop("checked", true);
    else
        $("#powerTd input:checkbox[value=0b000100]").first().prop("checked", false);
    if ((power & 0b000010) == 0b000010)
        $("#powerTd input:checkbox[value=0b000010]").first().prop("checked", true);
    else
        $("#powerTd input:checkbox[value=0b000010]").first().prop("checked", false);
    if ((power & 0b000001) == 0b000001)
        $("#powerTd input:checkbox[value=0b000001]").first().prop("checked", true);
    else
        $("#powerTd input:checkbox[value=0b000001]").first().prop("checked", false);
}

$("#btn_add").click(function () {
    //清空模态框
    $("#myModal").find(".form-control").val("");
    //打开模态框
    $("#myModal").modal("show");
});

$("#btn_edit").click(function () {
    var arr = commonCheck(true);
    if (arr == null) return;
    $("#editForm").setForm(arr[0]);
    $("#myModal").modal("show");
    powerChange();
});

$("#btn_submit").click(function () {
    var jsonParam = $("#editForm").serializeJson();
    if ($("#eid").val() != "") {   //gid不为空，则做修改操作
        $.edit(basepath + "employee", jsonParam, function (res) {
            commonResult(res);
        });
    } else {
        $.add(basepath + "employee", jsonParam, function (res) {
            commonResult(res);
        });
    }
});