javascript - 使文本框出现在所选单选按钮旁边

Question

我有 1 个单选按钮组和 2 个单选按钮选项。如果选中单选按钮，我想在它旁边显示一个文本字段。

这是我的 fiddle

我尝试使用 jQuery 和 .css 函数，但它不起作用。我希望人们能够在他们选择的单选按钮旁边的文本字段中输入他们的网站 URL。如果我选择第一个，它旁边会出现一个文本框。如果我切换到另一个，文本框将消失并出现在第二个单选按钮旁边。

如有任何帮助，我们将不胜感激。

非常感谢!

Answer 1

您可以使用 display 属性代替 visibility:

input[type=text] {
  display: none
}

$('input[type=radio]').change(function() {
   $('input[type=text]').hide()
   $(this).parent().next().show()
});

DEMO

1. show()
2. hide()
3. next()
4. parent()