CheckBox复选框回显

Posted 2020-10-03 在下徐将军

CheckBox复选框回显,分两个部分查数据:

　　　　其一: 查询所有复选框数据,拼接成复选框

　　　　其二,根据查询实际场景id,查询复选框对应数据,

设计循环嵌套逻辑进行复选框数据回显默认选中:

 1         //双击行事件
 2                 function onDblClickRow(rowIndex, rowData){
 3                     
 4                     //权限复选框置空
 5                     $(‘#permissionTd‘).html("");
 6                     
 7                     //打开修改窗口
 8                     $(‘#editWindow‘).window("open");
 9                     
10                     //双击行普通数据回显
11                     $("#editRoleForm").form("load",rowData);
12                     
13                     
14 
15                     /*权限复选框            --start */
16                     
17                     
18                     //1.权限复选框: 页面加载完成后,发送ajax请求,查询所有的权限数据,将数据转化为json,在页面中展示为复选框形式
19                     
20                     //查询全部权限数据的ajax URL
21                     var url =  ‘${pageContext.request.contextPath}/permissionAction_findAll.action‘;
22                     
23                     //根据角色id查询对应权限数据的ajax URL
24                     var urlRoleId = "${pageContext.request.contextPath}/permissionAction_findPermissionByRoleId.action"
25                     
26                     $.post(url,{},function(data){
27                         
28                         //根据角色id查询查询对应权限ajax
29                         $.post(urlRoleId,{"id" : rowData.id},function(showPermissionData){
30                             
31                             //1.查询全部权限的回调数据遍历
32                             for(var i = 0;i<data.length;i++){
33                                 
34                                     //2.获取权限id
35                                     var id = data[i].id;
36                                     //alert(id);
37                                     //3.获取权限名称name
38                                     var name = data[i].name;
39                             
40                                     //4.获取权限多选框所在的位置,拼装权限的多选框选项
41                                     $(‘#permissionTd‘).append(‘<input type="checkbox" name="permissionIds" value="‘+id+‘" /> ‘+name);
42                             
43                             
44                                     //2.通过roleId查询权限的回调数据遍历
45                                     for(var j = 0;j<showPermissionData.length;j++){
46                                         
47                                         var pId= showPermissionData[j].id;
48                                         
49                                         //alert("pId  :"+pId);
50                                         
51                                         if(pId==id){
52                                             
53                                             $(‘input:checkbox‘).eq(i).attr("checked",‘true‘);
54                                             
55                                             continue;//结束本层本次循环
56                                         }
57                                     }
58                             }
59                             
60                         },‘json‘);
61                         
62                     },‘json‘);
63         }    
64                     /*权限复选框            --end */