Показать скрыть текстовое поле на основе выбора переключателя

Question

Я хотел бы показать / скрыть текстовое поле на основе выбора радио-кнопок.

Если я выберу радио-кнопку пациента, будет отображаться только текстовое поле имени пациента.

Если я выберите переключатель посетителя, он будет отображать текстовое поле имени пациента и текстовое поле посетителя.

Как я могу показать / скрыть, используя html / javascript / jquery? Спасибо

Answer 1

это должно помочь вам начать. Дурачитесь с кодом и дайте мне знать, что вы не понимаете.

function show(){
var pvs = document.getElementsByName('pv');
var pv0 = document.getElementById("patient");
 var pv1 = document.getElementById("visitor");

if (pvs[0].checked){
  
   pv0.style.display='inline-block';
   pv1.style.display='none';


}else{
   pv0.style.display='inline-block';
   pv1.style.display='inline-block';

}


}

#patient,#visitor{
display:none;
}

select patient <input type='radio' name ='pv' onClick="show()"> or visitor
<input type='radio' name ='pv' onClick="show()"><br>

<div id='patient'> patient: <input type='text' ></div><br>
<div id='visitor'>visitor: <input type ='text' ></div><br>

Answer 2

Я получил решение. Мне просто нужно создать 2 div. 1 div имеет 1 текстовое поле, а другой div - 2 текстовых поля. И просто сделайте управление показом / скрытием для этих двух элементов div. Спасибо