Layuiadmin 超多选 单选案例

add 视图页面

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
<div class="layui-form-item">
    <label class="layui-form-label">权限</label>
    <div class="layui-input-block">
      <input type="checkbox" name="permissions[抽烟]" title="抽烟">
      <input type="checkbox" name="permissions[喝酒]" title="喝酒">
      <input type="checkbox" name="permissions[打架]" title="打架">
      <input type="checkbox" name="permissions[骂人]" title="骂人">
      <input type="checkbox" name="permissions[打人]" title="打人">
      <input type="checkbox" name="permissions[发疯]" title="发疯">
      <input type="checkbox" name="permissions[痴呆]" title="痴呆">
      <input type="checkbox" name="permissions[唱歌]" title="唱歌">
      <input type="checkbox" name="permissions[跑步]" title="跑步">
      <input type="checkbox" name="permissions[写作]" title="写作">
      <input type="checkbox" name="permissions[阅读]" title="阅读">
      <input type="checkbox" name="permissions[发呆]" title="发呆">
      <input type="checkbox" name="permissions[跳绳]" title="跳绳">
      <input type="checkbox" name="permissions[的撒]" title="的撒">
      
    </div>
  </div>

  add 提交方法:

1
2
3
4
5
6
//接收,并且转json 再存数据库
    if(!empty(input('post.permissions'))){
                $permissions =  json_encode( input('post.permissions'),320);
              }else{
                 $permissions ='';
              }

  

edit  修改:

1
2
3
4
5
6
7
8
9
edit 视图方法  :
 
               $id = input('id', '', 'intval');
               $data = auser::get($id);
               $data = json_encode($data,320);
               $data = json_decode($data,true);
                
 
              $data['permission']  = json_decode( $data['permission'],true) ?json_decode( $data['permission'],true):'';<br><br><br>        

          if(is_array( $data['permission'])){    
            $data['permission'] = array_keys($data['permission']);
          } else {
           $data['permission'] = array();
                               }

  

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
edit 视图
<div class="layui-form-item">
  <label class="layui-form-label">权限</label>
  <div class="layui-input-block">
    <input type="checkbox" name="permissions[抽烟]" title="抽烟">
    <input type="checkbox" name="permissions[喝酒]" title="喝酒">
    <input type="checkbox" name="permissions[打架]" title="打架">
    <input type="checkbox" name="permissions[骂人]" title="骂人">
    <input type="checkbox" name="permissions[打人]" title="打人">
    <input type="checkbox" name="permissions[发疯]" title="发疯">
    <input type="checkbox" name="permission[痴呆]" title="痴呆">
    <input type="checkbox" name="permission[唱歌]" title="唱歌">
    <input type="checkbox" name="permission[跑步]" title="跑步">
    <input type="checkbox" name="permission[写作]" title="写作">
    <input type="checkbox" name="permission[阅读]" title="阅读">
    <input type="checkbox" name="permission[发呆]" title="发呆">
  </div>
</div>
 
 
 
<script>
 
layui.config({
  base: '__layuiadmin__/' //静态资源所在路径
}).extend({
  index: 'lib/index' //主入口模块
}).use(['index', 'form', 'upload'], function(){
  var $ = layui.$
  ,form = layui.form
,upload = layui.upload ;
 
 
  
      form.val('layuiadmin-form-useradmin', {
         "permissions[{$permissions[0] ? $permissions[0]  : ''}]": true //复选框选中状态
        ,"permissions[{$permissions[1] ? $permissions[1]  : ''}]": true //复选框选中状态
        ,"permissions[{$permissions[2] ? $permissions[2]  : ''}]": true //复选框选中状态
        ,"permissions[{$permissions[3] ? $permissions[3]  : ''}]": true //复选框选中状态
        ,"permissions[{$permissions[4] ? $permissions[4]  : ''}]": true //复选框选中状态
        ,"permissions[{$permissions[5] ? $permissions[5]  : ''}]": true //复选框选中状态
      });
 
})
</script>

  

1
2
3
4
5
6
7
8
   edit接收值,并且转json 存数据库
 
 
if(!empty(input('post.permission'))){
               $permission =  json_encode( input('post.permission'),320);
             }else{
                $permission ='';
             }

  

 

posted @   79524795  阅读(61)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· TypeScript + Deepseek 打造卜卦网站:技术与玄学的结合
· Manus的开源复刻OpenManus初探
· AI 智能体引爆开源社区「GitHub 热点速览」
· 三行代码完成国际化适配,妙~啊~
· .NET Core 中如何实现缓存的预热?
点击右上角即可分享
微信分享提示