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

  • 相关阅读:
    SqlServer:创建索引
    SqlServer:使用视图 View
    SqlServer:修改和删除数据
    网络管理:SNMPv1
    《剑指 Offer》学习记录:题 9:用两个栈实现队列
    《剑指 Offer》学习记录:题 27:二叉树的镜像
    团队冲刺9
    团队冲刺8
    团队冲刺7
    团队冲刺6
  • 原文地址:https://www.cnblogs.com/Ly426/p/9803612.html
Copyright © 2011-2022 走看看