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

  • 相关阅读:
    webpack从零的实践(新手良药)
    throttle和debounce
    call(),apply(),bind() 区别和用法
    vue 路由钩子。
    vue 兄弟组件之间的传值
    JS 面向对象封装 无限轮播 插件。
    element-ui 解决 table 里包含表单验证的问题!
    Vue.nextTick 的原理和用途
    JavaScript中基本数据类型和引用数据类型的区别
    PS批量修改照片大小
  • 原文地址:https://www.cnblogs.com/Ly426/p/9803612.html
Copyright © 2011-2022 走看看