当前位置 博文首页 > u012442504的专栏:thinkphp6的视图模板layui渲染赋值复选框专项

    u012442504的专栏:thinkphp6的视图模板layui渲染赋值复选框专项

    作者:[db:作者] 时间:2021-09-23 10:32

    一、html代码

    <div class="layui-form-item">
        <label class="layui-form-label">分类</label>
        <div class="layui-input-block" id="taglists">
          <input type="checkbox" name="" title="请选择分类" value=""> 
        </div>
      </div>

    ?

    二、js代码

    <script>
    
          tags({$thread.fid});
         //标签查询
         function tags(fid){
             console.log(fid)
             $.ajax({
              url:"{:url('方法接口')}",
              data:{'fid':fid},
              type:"Post",
              dataType:"json",
              success:function(data){
                console.log(data);
                  var getTpl = taglist.innerHTML
                    ,view = document.getElementById('taglists');
                    laytpl(getTpl).render(data, function(html){
                      view.innerHTML = html;
                    });
                    form.render('checkbox'); //刷新select选择框渲染
              },
              error:function(data){
                  $.messager.alert('错误',data.msg);
              }
          });
          
         }
    
    </script>
    
    
      <!--复选框渲染-->
      <script id="taglist" type="text/html">
        {{#  layui.each(d.tag, function(index, item){ }}
            
            {{#  if({$tagidsp}  == 0 ){ }}
                    <input type="checkbox"  name="tag[]" title="{{item.name}}" value="{{item.tagid}}">
                {{#  } else { }}
                
                     {{#  layui.each(toString({$thread.tagids}).split(','), function(indexs, items){ }}
                            
                        {{#  if(items == item.tagid){ }}
                            <input type="checkbox"   name="tag[]" title="{{item.name}}" value="{{item.tagid}}">
                        {{#  } else { }}
                            <input type="checkbox" checked name="tag[]" title="{{item.name}}" value="{{item.tagid}}">
                        {{#  } }} 
        
                    {{#  }); }}
                
            {{#  } }} 
            
        
      {{#  }); }}
      
      {{#  if(d.tag.length === 0){ }}
           <input type="checkbox" name="" title="请选择分类" value=""> 
      {{#  } }} 
      </ul>
      
    </script>

    三、后台的代码

     public function index($tid){
               $forum =  '';//相关数组
                $post =  ''; //相关数组
                $tagidsp = ''; //相关数组 
            if(!$tagidsp){
                $tagidsp = '0';
            } else{
                $tagidsp = '1';
            } 
            View::assign([
                'name'  => 'CMS管理系统',
                'email' => '673011635@qq.com',
                'thread' => $thread,
                'forum' =>$forum,
                'post' =>$post,
                'tagidsp' =>$tagidsp,
            ]);
            return View::fetch('index');
    
        }

    直接拿去就可以用适用于thinkphp所有系列以及使用thinkphp引擎的相关框架。

    cs