根据单选按钮的选择显示隐藏文本框

Question

我想根据单选按钮的选择显示/隐藏文本框。

如果我选择患者单选按钮，它将仅显示患者姓名文本框。

如果我选择访客单选按钮，它将显示患者姓名文本框和访客文本框。

如何使用 html/javascript/jquery 显示/隐藏？ 谢谢

Answer 1

我得到了解决方案。 我只需要创建 2 个 div。 1 个 div 有 1 个文本框，另一个 div 是 2 个文本框。 只需对这 2 个 div 进行显示/隐藏控制。谢谢

Answer 2

这应该让你开始。 玩弄代码，让我知道你不明白的地方。

 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>