Question

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

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

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

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

Answer 1

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

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>

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

2 个答案: