layui 添加复选框checkbox后，无法正确显示及点击的方法

layui 添加复选框checkbox后，无法正确显示方式，这个是由于html里的样式添加 layui-form后，没有加载 form插件 ，具体如下：

    <body style="background-color: white;">
    <div class="layui-form">
        <div class="layui-form-item" pane="">
            <label class="layui-form-label">原始复选框</label>
            <div class="layui-input-block">
                <input type="checkbox" name="like1[write]" lay-skin="primary" title="写作" checked="">
                <input type="checkbox" name="like1[read]" lay-skin="primary" title="阅读">
                <input type="checkbox" name="like1[game]" lay-skin="primary" title="游戏" disabled="">
            </div>
        </div>
    </div></body>

#上面样式中有添加layui-form  所以需要引入 layui中form，才可正确显示

    <script>
        layui.use('form', function () {

            var form = layui.form; //只有执行了这一步，部分表单元素才会自动修饰成功

            form.render();

        });
    </script>

 

posted @ 2019-09-02 19:54  代码家园  阅读(8400)  评论(0)  编辑  收藏  举报