Layui 实现rate评分点击后只读,动态rate控制只读,动态控制只读

废话不多说了。。直接粘代码

layui.use(['rate'], function(){
    var rate = layui.rate;
    rate.render({
        elem: '#score'
        ,value: 3.5
        ,half: true
        ,text: true
        ,choose: function(value){
            value = 5;
            rate.render({   //再一次渲染rate评分
                elem: '#score'
                ,value: value   //设置value
                ,half: true
                ,text: true
                ,readonly: true  //设置只读
            });
        }
    })
});

可以看到,通过Layui内置的choose方法,点击之后,在choose再一次通过render()来渲染rate。

这样就可以动态使评分变为只读,从而实现点击一次评分变为只读,防止二次评分的情况。

你可能感兴趣的:(前端)