zoukankan      html  css  js  c++  java
  • 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

  • 相关阅读:
    MQTT协议探究(三)
    MQTT协议探究(二)
    MQTT协议探究(一)
    MQTT图形化客户端比较
    Ubuntu编写开机启动脚本
    线程阻塞释放的5种方法
    (转)Linux vmstat命令实战详解
    (转)MongoDB 3.0 WT引擎参考配置文件
    (转)mongodb常用命令脚本化-自动化运维
    (转)MongoDB 实现currentOp定时捕获
  • 原文地址:https://www.cnblogs.com/Ly426/p/9803612.html
Copyright © 2011-2022 走看看