Как скрыть/показать список radio кнопок при переключении checkbox?

Как сделать, чтобы вот это содержимое открывалось только после того, как пользователь поставит галочку в checkbox:
<div class="block83">
      <p1>Выбери специальность:</p1><br />
    <input type="radio" value="Chirurg" name="countries[]" class="inputradio123"> <p>Хирург.</p> <br/>
    <input type="radio" value="Neurolog" name="countries[]" class="inputradio123">  <p>Невролог.</p> <br/>
    <input type="radio" value="Psycholog" name="countries[]" class="inputradio123"> <p>Психолог.</p> <br/>
    <input type="radio" value="Terapeuta" name="countries[]" class="inputradio123">  <p>Терапевт.</p> <br/>
    
    </div>


Checkbox:
<div class="block50">
     <input type="checkbox" name="check1" value="1" class="inputradio" /> <p>Я врач.</p> 
    
    </div>
  • Вопрос задан
  • 84 просмотра
Решения вопроса 2
0xD34F
@0xD34F Куратор тега CSS
.hidden {
  display: none;
}

document.querySelector('.block50 input').addEventListener('change', function() {
  document.querySelector('.block83').classList.toggle('hidden', !this.checked);
});
Ответ написан
etrid
@etrid
Full Stack Web Developer
<div class="block50">
     <input type="checkbox" name="check1" value="1" class="inputradio" onclick="go()"/> <p>Я врач.</p> 
    
    </div>

<div class="block83" id="check" style="display:none;">
      <p1>Выбери специальность:</p1><br />
    <input type="radio" value="Chirurg" name="countries[]" class="inputradio123"> <p>Хирург.</p> <br/>
    <input type="radio" value="Neurolog" name="countries[]" class="inputradio123">  <p>Невролог.</p> <br/>
    <input type="radio" value="Psycholog" name="countries[]" class="inputradio123"> <p>Психолог.</p> <br/>
    <input type="radio" value="Terapeuta" name="countries[]" class="inputradio123">  <p>Терапевт.</p> <br/>
    
    </div>

<script>
function go()
{
  $('#check').css('display,'block');
}
</script>
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы
EducaGroup Санкт-Петербург
от 90 000 руб.
IT IS Kernel Новосибирск
от 100 000 руб.
18 сент. 2019, в 11:53
15000 руб./за проект
18 сент. 2019, в 11:37
7000 руб./за проект