JQuery | CheckBox 复选框数据源回填显示操作

前端 jquery

checkbox数据回填问题：

• 假设前端代码

代码语言：javascript复制

<div class="col-md-10" id="update-group-right">
    <label><input name="groupRight[]" type="checkbox" value="64" />权限一</label>
    <label><input name="groupRight[]" type="checkbox" value="512" />权限二</label>
    <label><input name="groupRight[]" type="checkbox" value="32768" />权限三</label>
    <label><input name="groupRight[]" type="checkbox" value="32" />权限四</label>
    <label><input name="groupRight[]" type="checkbox" value="256" />权限五</label>
    <label><input name="groupRight[]" type="checkbox" value="8192" />权限六</label>
 </div>

当修改的时候把当前保存的数据取出 并显示在对应条目

• 这里使用Ajax方式已经从数据库取出数据，假设为一个value值的数组groupRight，于是使用如下jquery进行回填：

代码语言：javascript复制

// 先清空，初始化
$("#update-group-right").find("input").prop("checked", false); // groupRight数据为val值的数组 

$.each(groupRight, function(key, val){

    $("#update-group-right").find("input[value=" val "]").prop("checked", true); });

jquery checkbox 权限 数据 数组

0 人点赞