Question

我有顯示的評分爲滿分的腳本：

overallRating = Ratings.RoundToHalf((convenience + quality + rebook)/3); 

該返回一個值，如1或1.5等

我想做的是根據返回的評級顯示星圖，但最多隻能到5星，而不是10

我將如何做到這一點通過使用if語句，例如：

if overallRating = 1 { 
row = "<img src='star1.png' />"; 
} 

if overallRating = 1.5 { 
row = "<img src='star1.png' />"; 
} 

等

這是我的腳本的一部分顯示結果：

if (overallRating > 0) 
row = row + '<td align="center">' + overallRating + "/10</td>"; 
else 
row = row + '<td align="center">N/A</td>'; 

row = row + "</tr>"; 

任何幫助將是巨大的！謝謝。

Answer 1

通常開發人員在div的背景中使用精靈圖像並定位恆星的背景圖像。

如果你想顯示1-5星和回合下來像您最初想解決這個問題最近的恆星，你可以寫這樣的事情：

var rating = Math.floor(overallRating); 
if (rating) { 
    var img = ""; 
    for(var i=0; i < rating; i++) { 
    img = img + "<img src='star1.png' />"; 
    } 
    row = '<tr>' + '<td align="center">' + img + "/10</td>"; 
} 
else { 
    row = '<tr>' + '<td align="center">N/A</td>'; 
} 
row = row + "</tr>"; 

如果你想創建一個評分系統的正確方法，請查看此鏈接：Turn a number into star rating display using jQuery and CSS