重新设计radiobuttons

Question

我想在我的网站上为radiobuttons创建自定义设计。不幸的是我一开始就陷入困境。我需要在每个radiobutton之后放置我的自定义radiobutton的图像。我还需要根据radiobutton的id分配id（所以我以后可以处理check / unchecking）。这是我的代码：

var radio = $('<img class="radiobutton" src="/images/radiobutton.png" alt="radiobutton" />');
$('input[type=radio]').each(function() {
    var id = $(this).attr('id');
    radio.attr('id', id + '-image');
    $(this).after(radio);
});

这导致在最后一个radiobutton之后只有一个图像而不是所有这些...我不知道该代码有什么问题。

Answer 1

我建议您对代码进行编辑：

var radio = $('<img class="radiobutton" src="/images/radiobutton.png" alt="radiobutton" />');
$('input[type=radio]').each(function(index , value) {
    var id = $(this).attr('id');
    radio[index].attr('id', id + '-image');
    $(this).after(radio);
});