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

Question

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

例如:

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

我怎样才能做到这一点？

谢谢。

Answer 1

您需要使用after来实现这一点。此外，您还希望标签的 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()) );
});