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>