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>

 


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM