1. 程式人生 > >layui中cheched控制元件

layui中cheched控制元件

<form class="layui-form" >
<div class="layui-form-item">
<label class="layui-form-label">複選框</label>
<div class="layui-input-block">
<input type="checkbox" name="like[write]" title="寫作">
<input type="checkbox" name="like[read]" title="閱讀" checked="">
<input type="checkbox" name="like[game]" title="遊戲">
</div>
</div>

<div class="layui-form-item">
<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]" title="閱讀">
<input type="checkbox" name="like1[game]" lay-skin="primary" title="遊戲" disabled="">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">開關-預設關</label>
<div class="layui-input-block">
<input type="checkbox" name="close" lay-text="ON|OFF">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">開關-預設開</label>
<div class="layui-input-block">
<input type="checkbox" checked="" name="open" lay-skin="switch" lay-filter="switchTest" lay-text="ON|OFF">
</div>
</div>
</form>
<script>
layui.use('form', function () {
var form = layui.form;
form.render('select'); //重新整理select選擇框渲染
//各種基於事件的操作,下面會有進一步介紹
});
</script>

 

總結:開關按鈕是checked按鈕,checked和disabled慣用樣式,lay-skin="switch"是layui樣式設定。

https://www.layui.com/demo/form.html