改變無線電選擇價值形象

我有這個webapp這是由客戶提供的產品評論他們選擇一個收音機選項，他們給產品的星星是1至5, ，我希望被替換值選定的圖像爲每個值改變無線電選擇價值形象

無線電它只是在一個div文本我所謂的「評論-ADH」

它是這樣的輸出這

<div clas="reviews-adh"> 
<table> 
<tr> 
<td>3 
</td> 
</tr> 
</table> 
</div>

和我有這個jsfiddle，它取代了5的值，但我需要使它從1到5替換任何圖像的值，我輸入圖像的網址，就像在jsfiddle示例中一樣。

非常感謝你的幫助

來源

2014-08-28 Elias Perez

所以你想要5星而不是5個單選按鈕？ – mwilson 2014-08-28 22:30:17

是的，我想讓客戶選擇1到5星，因爲它的一個redio按鈕將顯示1到5的值，在這種情況下，我想有5個圖像，每個將會取代每個值。 – 2014-08-29 15:33:32

從我的理解你想要這樣的事情？ jsfiddle

$('div.reviews-adh').each(function() { 
    var starNumber = Number($(this).text())+1, 
     images = ''; 
    for (i = 1; i < starNumber; i++) { 
     images += '<img src="http://dummyimage.com/50x50/58c736/ffffff.png&text='+i+'">'; 
    } 

    $(this).html(images); 
});

來源

2014-08-28 22:34:48 Erevald

這工作真棒，但它不是什麼即時通訊尋找，因爲我需要它用自己的圖像取代從1到5的值可以說，值1將被替換爲圖像1和值2將被替換爲圖像2等上。 – 2014-08-29 15:46:54

我的例子替換了'ex。 3'與'image-3'，你想顯示從1到3（3圖像），而不是？我建議你使用CSS來做這個星級評價。 – Erevald 2014-08-29 19:51:28

是的，我想在這種情況下有5個圖像，並用他的圖像替換每個值 – 2014-08-29 20:57:34

改變無線電選擇價值形象

回答

相關問題