我有一个单选按钮组和两个单选按钮选项。
如果选中单选按钮,我想在它旁边显示一个文本字段。
这是我的fiddle
我试过使用jQuery和.css函数,但它不起作用。
我希望人们能够在所选单选按钮旁边的文本字段中键入他们的网站URL。如果我选择第一个,它旁边会出现一个文本框。如果我切换到另一个,文本框将取消显示,并显示在第二个单选按钮旁边。
任何帮助都将不胜感激。
谢谢!
最佳答案
您可以使用display
属性而不是visibility
:
input[type=text] {
display: none
}
$('input[type=radio]').change(function() {
$('input[type=text]').hide()
$(this).parent().next().show()
});
DEMO
show()
hide()
next()
parent()