废话不多说了。。直接粘代码
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。
这样就可以动态使评分变为只读,从而实现点击一次评分变为只读,防止二次评分的情况。