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

  • 相关阅读:
    spring入门
    mybatis环境配置与入门例子
    wine 魔兽争霸
    不要再使用工具格式化代码!!!
    Android 动画 setVisibility 后出错解决方法
    AbsListView.OnScrollListener 使用注意事项
    linux 配置 wlan 连接
    练习:求完数问题
    重写:求比指定数大且最小的“不重复数”问题
    emacs 快捷键笔记
  • 原文地址:https://www.cnblogs.com/Ly426/p/9803612.html
Copyright © 2011-2022 走看看