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

转载于:https://www.cnblogs.com/wyy1234/p/9455493.html