zoukankan      html  css  js  c++  java
  • layui(七)——rate组件常见用法总结

      layui中提供了rate组件,用法很简单,直接上代码。

    <div id="test1"></div>
        <script>
            layui.use('rate', function () {
                var rate = layui.rate;
                var ins1 = rate.render({
                    elem: '#test1'         //绑定元素
                    , length: 5            //星星个数
                    , value: 3             //初始化值
                    , theme: '#000099'     //颜色
                    , half: true           //支持半颗星
                    , text: true           //显示文本,默认显示 '3.5星'
                    , readonly: false      //只读
                    //自定义文本,点击后文本显示的内容
                    , setText: function (value) {
                        if (value < 2) {
                            this.span.text("差")
                        } else if (value <= 4) {
                            this.span.text("一般")
                        } else {
                            this.span.text("好")
                        }
                    }
                    //选定时调用,评分时发送一个ajax,readonly设为true
                    , choose: function (value) {
                        if (value > 4) alert('么么哒')
                    }
                });
            });
        </script>

     注:本文只是自己为了查看方便整理的一些内容,并不包含layui中提供的所有内容,查看更多请访问官网http://www.layui.com/doc/modules/upload.html

  • 相关阅读:
    Problem C: 类的初体验(V)
    接口与继承
    类和对象
    java函数方法
    数组
    string类的一些函数方法
    java语法基础
    大道至简——做个懒人
    java编程 求和
    编程的精义
  • 原文地址:https://www.cnblogs.com/wyy1234/p/9455493.html
Copyright © 2011-2022 走看看