Вариант на чистом JS с привязкой по индексу
var textarea = [].slice.call(document.querySelectorAll('textarea'));
[].forEach.call(document.querySelectorAll('[type=radio]'), function(el, i) {
(function(index) {
textarea[index].style.display = el.checked ? 'inline' : 'none';
el.addEventListener('change', function() {
textarea.forEach(function(ta, i) {
ta.style.display = i === index ? 'inline' : 'none';
});
});
}(i));
});
Вариант
только с использование CSS, если позволяет разметка:
<input type="radio" name="group">
<textarea placeholder="Окно ввода для первой radio кнопки"></textarea>
<input type="radio" name="group">
<textarea placeholder="Окно ввода для второй radio кнопки"></textarea>
textarea {
display: none;
}
[type=radio] {
float: left;
}
[type=radio]:checked + textarea {
display: inline;
}