jQuery在每个单选按钮或复选框旁边添加空标签标签

Question

我需要一个简单的jQuery代码,它会在每个单选按钮或复选框旁边添加一个空标签

例如:

$('input[type="radio"]').next().add("<label for="radio"></label>");
$('input[type="checkbox"]').next().add("<label for="checkbox"></label>");

我怎么能做到这一点？

谢谢.

Answer 1

你会想用后做到这一点.此外,您还希望for您的标签是id它所指的标签.

$('input[type="checkbox"]').each(function() {
     var cb = $(this);
     cb.after($("<label />")
                .attr("for", cb.attr("id")) );
});

你说你想要空标签,但为了以防万一,如果你想让标签显示他们旁边的复选框的值,这应该是这样的:

$('input[type="checkbox"]').each(function() {
     var cb = $(this);
     cb.after($("<label />")
                .attr("for", cb.attr("id"))
                .text(cb.val()) );
});