将单选选择值更改为图像

change radio selection value to image

本文关键字：图像 单选 选择      更新时间：2023-09-26

我有这个网络应用程序，它由客户提供产品评论他们选择了一个单选选项，其中他们给产品的星星是1到5，我希望每个值的值都被替换为选定的图像。

无线电的输出只是我称之为"的div上的一个文本；评论adh"；

它就像这个

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

我有这个jsfiddle，它替换了5的值，但我需要为任何图像替换从1到5的值。

据我所知，你想要这样的东西吗？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);
});
相关文章：