bootstrap星级插件

前天页面
<div class="row form-horizontal">
								<div class="col-sm-12">
									<div class="form-group">
										<label for="inputPassword3" class="col-sm-2 control-label"><font style="vertical-align: inherit;">总体点评</font></label>
										<div class="col-sm-5" id="scenicGrade1">
											 <input id="scenicGrade" value="0"  type="number" class="rating" min=0 max=5 step=0.5  readonly="readonly" data-size="lg">
										</div>
									</div>
								</div>
							</div>
							
							<div class="row form-horizontal">
								<div class="col-sm-12">
									<div class="form-group">
										<label for="inputPassword3" class="col-sm-2 control-label"><font style="vertical-align: inherit;">景区体验</font></label>
										<div class="col-sm-5" id="scenicExperienceGrade1">
											 <input id="scenicExperienceGrade" value="0"  type="number" class="rating" min=0 max=5 step=0.5  readonly="readonly" data-size="lg">
										</div>
									</div>
								</div>
							</div>
							
							<div class="row form-horizontal">
								<div class="col-sm-12">
									<div class="form-group">
										<label for="inputPassword3" class="col-sm-2 control-label"><font style="vertical-align: inherit;">景区服务</font></label>
										<div class="col-sm-5" id="scenicServeGrade1">
											 <input id="scenicServeGrade" value="0"  type="number" class="rating" min=0 max=5 step=0.5  readonly="readonly" data-size="lg">
										</div>
									</div>
								</div>
							</div>
							
							<div class="row form-horizontal">
								<div class="col-sm-12">
									<div class="form-group">
										<label for="inputPassword3" class="col-sm-2 control-label"><font style="vertical-align: inherit;">性价比</font></label>
										<div class="col-sm-5" id="performanceGrade1">
											 <input id="performanceGrade" value="0"  type="number" class="rating" min=0 max=5 step=0.5  readonly="readonly" data-size="lg">
										</div>
									</div>
								</div>
							</div>


动态显示

$(function() {
	 $(".rating-kv").rating();
	var id=UrlParm.parm("id");
	console.log(id)
	$.ajax({
			url: apiManager.apiServer + "/poplularTopic/getScenicImgeById",
			data: {
				id: id
			},
			type: "post",
			success: function(data) {
				console.log(data)
				if(data.flag) {
					console.log(data.data.scenicGrade)
					 $("#scenicGrade1").html('<input  id="scenicGrade" value="'+data.data.scenicGrade+'"  type="number" class="rating" min=0 max=5 step=0.5  readonly="readonly"  data-size="lg">');
					 $("#scenicExperienceGrade1").html('<input id="scenicExperienceGrade" value = "'+data.data.scenicExperienceGrade+'" type="number" class="rating" min=0 max=5 step=0.5 readonly="readonly"  data-size="lg">');
					 $("#scenicServeGrade1").html('<input id="scenicServeGrade" value = "'+data.data.scenicServeGrade+'" type="number" class="rating" min=0 max=5 step=0.5 readonly="readonly"  data-size="lg">');
					 $("#performanceGrade1").html('<input id="performanceGrade" value = "'+data.data.performanceGrade+'" type="number" class="rating" min=0 max=5 step=0.5 readonly="readonly"  data-size="lg">');
					 $("#scenicGrade").rating();
					  $("#scenicExperienceGrade").rating();
					  $("#scenicServeGrade").rating();
					  $("#performanceGrade").rating();
				} else {
					layer.msg("加载失败", {
						icon: 2
					});
				}
			}
		})
	

});

插件地址 https://download.csdn.net/download/qq_29072049/10605041