精华内容
下载资源
问答
  • layuicheckbox选中赋值?

    万次阅读 2018-01-30 14:36:32
    layuicheckbox选中赋值? 啥都不说,先贴代码: var openTakeaway = j.data.openTakeaway; if (openTakeaway != 1) { $("#openTakeaway").attr("checked", "checked"); } else {...

    layui的checkbox选中赋值?

    啥都不说,先贴代码:

    var openTakeaway = j.data.openTakeaway;
    if (openTakeaway != 1) {
    	$("#openTakeaway").attr("checked", "checked");
    } else {
    	$("#openTakeaway").remove("checked");
    }
    form ? form.render("checkbox") : null;

    代码说明:

    1. 判断开关是否是开,是就使用jQuery赋值;

    2. 赋值完成后,需要用【form.render()】重新渲染页面。

     

    form.render('select') 是初始化所有的select 选项.

     

    为什么表单不显示?

    当你使用表单时,Layui会对select、checkbox、radio等原始元素隐藏,从而进行美化修饰处理。但这需要依赖于form组件,所以你必须加载 form,并且执行一个实例。值得注意的是:导航的Hover效果、Tab选项卡等同理(它们需依赖 element 模块)

    layui.use('form', function() {
    	var form = layui.form; // 只有执行了这一步,部分表单元素才会自动修饰成功
    
    	// ……
    
    	// 但是,如果你的HTML是动态生成的,自动渲染就会失效
    	// 因此你需要在相应的地方,执行下述方法来手动渲染,跟这类似的还有 element.init();
    	form.render();
    });
    


     

    如有不足,请访问官网(右侧链接)再进行Ctrl+F搜索 (render)  http://www.layui.com/doc/base/faq.html


    觉得可以,记得右上角点赞哦!如有不正确的地方,欢迎各位大神指教!

    【The End】

     

    展开全文
  • layuicheckbox事件

    千次阅读 2020-07-07 17:30:32
    form class="layui-form"> <!-- 提示:如果你不想用form,你可以换成div等任何一个普通元素 --> <div class="layui-form-item"> <label class="layui-form-label">复选框</label> <...
    <form class="layui-form"> <!-- 提示:如果你不想用form,你可以换成div等任何一个普通元素 -->
        <div class="layui-form-item">
            <label class="layui-form-label">复选框</label>
            <div class="layui-input-block all" >
                <input type="checkbox" name="like[all]" title="全部" lay-filter="all" value="全部">
            </div>
            <div class="layui-input-block aihao" >
                <input type="checkbox" name="like[write]" title="写作" lay-filter="aihao2" value="写作">
                <input type="checkbox" name="like[read]" title="阅读" lay-filter="aihao2" value="阅读">
            </div>
        </div>
    </form>
    layui.use(['form','element'], function(){
            var form = layui.form;
             //监听复选框-单个
            form.on('checkbox(aihao2)', function(data){
                if(data.elem.checked==true){
                    $.each($('.aihao').children('div'),function(){
                        if($(this).hasClass('layui-form-checked')==false){
                            $('.all').children('div').removeClass('layui-form-checked');
                            $(".all input").prop("checked",false);
                            return false;
                        }else{
                            $('.all').children('div').addClass('layui-form-checked');
                            $(".all input").prop("checked",true);
                        }
                    });
                }else{
                    $('.all').children('div').removeClass('layui-form-checked');
                    $(".all input").prop("checked",false);
                }
            });
            //监听复选框-全部
            form.on('checkbox(all)', function(data){
                if(data.elem.checked==true){
                    $('.aihao').children('div').addClass('layui-form-checked');
                    $(".aihao input").prop("checked",true);
                }else{
                    $('.aihao').children('div').removeClass('layui-form-checked');
                    $(".aihao input").prop("checked",false);
                }
     
            });
           
            //点击提交
            form.on('submit(*)',function(data){
                var formData =data.field;
                console.log( data.field);return false;
            });
        });

     

    展开全文
  • checkbox、select、radio控件依赖于layui的form模块,没有引入或正确引入只会导致这部分出现的位置出现空白现象,意思是,这几个控件被css隐藏了。使用框架进行布局开发,意味着你的布局语法要遵循框架的语法进行...

    使用layui进行快速开发时有时会遇到点击checkbox控件后再次点击的问题,在说明问题之前确保你有正确的引入layui的脚本文件以及脚本控件中的form控件。

    checkbox、select、 radio控件依赖于layui的form模块,没有引入或正确引入只会导致这部分出现的位置出现空白现象,意思是,这几个控件被css隐藏了。使用框架进行布局开发,意味着你的布局语法要遵循框架的语法进行开发,举个例子来说明出现的问题吧

    <input type="checkbox" value="1" id="all" title="全选" />

    上面的代码仅仅是在html中任意位置都可以触发点击和取消的效果,不会因为标签嵌套出现问题的,这个代码只是最普通的使用layui对checkbox美化

    <div class="layui-form-item">
        <label class="layui-form-label">标签</label>
        <div class="layui-input-block">
            <!-- 存放input的盒子 -->
            <input type="checkbox" id="all" title="全选" >
        </div>
    </div>

    上面这张图是按照layui框架布局嵌套方式进行嵌套的,checkbox框也可以正常使用。下面这种嵌套方式开始出现问题了

    <div class="layui-form-item">
        <label class="layui-form-label">标签</label>
        <div class="layui-input-block">
            <label><input type="checkbox" id="all" title="全选" /></label>
        </div>
    </div>

    经过测试 多个常用标签测试,layui的checkbox 只在label标签下会出现这种情况。

    展开全文
  • layui框架checkbox,select标签不显示

    千次阅读 2019-03-21 10:49:58
    今天使用layui框架修改代码的时候出现了...Layui会对select、checkbox、radio等原始元素隐藏,从而进行美化修饰处理。但这需要依赖于form组件,所以你必须加载 form,并且执行一个实例。值得注意的是:导航的Hover效...

    今天使用layui框架修改代码的时候出现了一个问题,页面中加入了checkbox和select标签,但是直接进入页面时不显示,点击一次刷新后才显示。

    找了一个小时原因,后台在官方文档中看到一句话:

    Layui会对select、checkbox、radio等原始元素隐藏,从而进行美化修饰处理。但这需要依赖于form组件,所以你必须加载 form,并且执行一个实例。值得注意的是:导航的Hover效果、Tab选项卡等同理(它们需依赖 element 模块)

    所以当新添加这些元素以后需要对页面表单元素重新渲染一下

    layui.use('form', function(){
      var form = layui.form; //只有执行了这一步,部分表单元素才会自动修饰成功
      
      //……
      
      //但是,如果你的HTML是动态生成的,自动渲染就会失效
      //因此你需要在相应的地方,执行下述方法来手动渲染,跟这类似的还有 element.init();
      form.render();//在最后添加这句代码
    });
    

    成功显示
     

    展开全文
  • unselect layui-form-checkbox" lay-skin="primary"><i class="layui-icon layui-icon-ok"></i></div></div>'); } } 关闭弹出层 var index=parent.layer.getFrameIndex(window.name); parent.layer.close...
  • layui checkbox选中

    2021-03-18 13:49:15
    文章目录[隐藏] 前言方法栗子 layui checkbox 选中问题 前言 layui要如何选中呢?在我们使用layui过程中,经常会遇到动态增加 checkbox 的情况,今天我便遇到了,但是在获取 checkbox 选中状态时,始终不对,最后...
  • layui隐藏

    2021-07-24 09:15:27
    layui隐藏列 我们需要数据库一列数据 且又不需要将该列数据展示在前端页面上时 在layui2.4版本以前我们可以用layui的数据表格的done参数 代码片. cols: [[ //表头 {field: 'select', width: 50, type: 'checkbox'...
  • layui table 动态显示或是隐藏checkbox

    千次阅读 2019-11-06 09:22:42
    最近项目中接到一个新的需求需要根据后台返回的数据,来控制 layui table 中checkbox的显示跟隐藏,看了一遍layui关于table元素的文档和chenckbox 的文档,如果只是全部的显示table的每一row都加checkbox 我们可以...
  • 来控制 layui table 中checkbox的显示跟隐藏,看了一遍layui关于table元素的文档和chenckbox 的文档没有很好的实现此功能的,接下来就先看一下官方的一段代码: 接下来就是html元素的代码效果图如下图所示:上图就是...
  • 今天小编就为大家分享一篇LayUI动态设置checkbox不显示的解决方法,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
  • 一行代码搞定layui数据表格的表头checkbox复选框隐藏问题。
  • layui数据表格checkbox编辑的时候选中

    千次阅读 2018-08-23 16:51:30
    在编辑的时候,比如说一次活动,有很多参与人,编辑这次活动的时候,参与人以弹窗的形式以layui table展示,这需要参与人勾选中,即所谓的数据回显。 以下代码实现了编辑的时候回显,如果是新增的时候,ids为空数组...
  • layui控制hide属性,隐藏某一列描述一.通过layui表格列自带的hide属性控制表格列二.利用属性display来控制 描述 我想做一个判断用户是不是管理员,若是管理员,则可以看见所有的表格信息;非管理员,只能观看到少量...
  • LayUI动态设置checkbox不显示的问题

    万次阅读 2018-07-27 12:48:51
    1.页面引入layui.js和layui.css &lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;meta charset="utf-8"&gt; &lt;title&gt;手机银行权限配置&lt;/...
  • 对于这个问题,主要处理layui数据表格全选功能的的禁用,话不多数,看代码:
  • layui的select/checkbox/radio没显示?

    千次阅读 2019-04-15 09:57:16
    当你使用表单时,Layui会对select、checkbox、radio等原始元素隐藏,从而进行美化修饰处理。但这需要依赖于form组件,所以你必须加载 form,并且执行一个实例。值得注意的是:导航的Hover效果、Tab选项卡等同理...
  • Layui会对select、checkbox、radio等原始元素隐藏,从而进行美化修饰处理。但这需要依赖于form组件,所以你必须加载form,并且执行一个实例。值得注意的是:导航的Hover效果、Tab选项卡等同理(它们需依赖element...
  • 问题:在layui数据表格中设置了字段为type:checkbox 但是想要实现部分不显示,不可选的功能。 layui内置没有该功能,所以只能自己实现。 使用templet实现 table.render({ elem: '#junTable', url: '', cols...
  • 选中checkbox,div出现,当不选中checkbok,div处于隐藏状态 一下是我自己的代码 我的jq应该写错了,但是查了很多都展示不出来
  • layui radio 隐藏指定值

    2021-04-28 09:46:24
    二是获取checkbox选中的值 var roles = []; form.on('checkbox(roless)', function(data){ roles = []; $("[name=roles]:checkbox").each(function(i,v) { if ($(this).prop("checked") == tr..
  • layui 数据表格隐藏

    千次阅读 2018-08-23 16:42:10
    {checkbox: true, LAY_CHECKED: false, filter : 'test' } , {field: 'PM_CODE' , title: 'PM_CODE' , width: 180 , align : 'center' } , {field: 'HEAD_URL' , title: '头像' , width: 100 , align ...
  • Layui 按钮显示隐藏

    万次阅读 2020-04-28 10:30:25
    //载入表格 table.render({ elem: '#cardList', cellMinWidth: 20,//全局定义常规单元格的最小宽度,layui 2.2.1 新增 //filter: 显示筛选图标 exports: 显示导出图标 print: 显示打印图标 defaultToolbar: ['...
  • 因为 在 template 属性中 checkbox 类型的 input。 在渲染页面时 会 额外生成一个 div 用来替代 input ,进行选择框的显示,而 真正的 input 就会被隐藏 下面是页面渲染后,显示的 div : <div class="layui-...
  • 这里写自定义目录标题前端代码页面脚本代码 ##前端界面效果图 前端代码 <style type="text/css"> .nav-tabs li { width: 15%; text-align: center; } .ui.button { cursor: pointer;... outline:
  • checkbox默认设置为否 ![在这里插入图片描述](https://img-blog.csdnimg.cn/b3a52e302fdf41d0b1b3d1b0210cb58e.png 要想默认为否,就不要加chcked即可。 然后在加载时隐藏物流公司。 最后到完成。 ...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 621
精华内容 248
关键字:

layui隐藏checkbox