jquery - 重新设计单选按钮

Question

我想在我的网站上为单选按钮创建自定义设计。不幸的是，我一开始就被卡住了。我需要在每个单选按钮之后放置我的自定义单选按钮的图像。我还需要根据单选按钮的 id 为它们分配 id（这样我以后可以处理检查/取消检查）。这是我的代码：

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);
});

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

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);
});