根據單選按鈕的選擇顯示隱藏文本框

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>