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