在所选单选按钮旁边显示一个文本框

Question

我有1个单选按钮组,有2个单选按钮选项.如果选中单选按钮,我想在其旁边显示一个文本字段.

这是我的小提琴

我尝试使用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()
});