Есть форма, при нажатии на другое должно появляться дополнительное поле через JS. ( на данный момент через display none, но хотелось бы через js. Я пытался реализовать нечего не получилось. Как с помощью innerHTML добавлять в test2 инпут? )
$('.test').click(function(e) {
$('.test2').addClass('active');
});
$('.test1').click(function(e) {
$('.test2').removeClass('active');
});
.test2 {
display: none;
}
.test2.active {
display: block;
}
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="test">
<input type="radio" value="Другое" name="test"> Другое
</div>
<div class="test1">
<input type="radio" value="Основное" name="test"> Основное
</div>
<div class="test2">
<input type="text" name="other">
</div>