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

阅读原文时间：2023年07月08日阅读：2

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>

手机扫一扫

移动阅读更方便

你可能感兴趣的文章