星星评分

<div class="dialog-content" style="width: 100%">
<div class="group">
<div class="line" style="margin-left: 30%;margin-top: 30px">
<a onclick="getstars(1,this)" title="差" class="star_hover" id="star_0" >&nbsp;&nbsp;&nbsp;&nbsp;</a>
<a onclick="getstars(2,this)" title="较差" class="star_bg" id="star_1" >&nbsp;&nbsp;&nbsp;&nbsp;</a>
<a onclick="getstars(3,this)" title="较好" class="star_bg" id="star_2" >&nbsp;&nbsp;&nbsp;&nbsp;</a>
<a onclick="getstars(4,this)" title="好" class="star_bg" id="star_3" >&nbsp;&nbsp;&nbsp;&nbsp;</a>
<a onclick="getstars(5,this)" title="很好" class="star_bg" id="star_4" >&nbsp;&nbsp;&nbsp;&nbsp;</a>
<input id="sco_div" style="display: none">
</div>
<div id="get_score_div"></div>
<div class="line"><textarea rows="20" cols="20" id="comment" placeholder="" style="height: 150px;width: 98%"></textarea></div>
</div>
</div>

 

function getstars(num,obj){ //点击星星
for(var i=1;i<5;i++){
$("#star_"+i).removeClass("star_hover").addClass("star_bg");
}
for(var i=0;i<num;i++){
$("#star_"+i).removeClass("star_bg").addClass("star_hover")
}
sco=num;
$(".sco_div").val=sco;
var html = '<a style="margin-left: 45%" class="score_last_div">'+sco+'分</a>'
$("#get_score_div").html(html)
}

posted @ 2016-08-09 16:32  开心的饭饭  阅读(103)  评论(0编辑  收藏  举报