如何动态隐藏文本字段

Question

我有3个单选按钮r1，r2和r3以及4个文本字段和文本框..

如果我点击r1，则应隐藏所有文本字段和文本框。但如果我点击r2和r3，则应显示文本字段和文本框..

Answer 1

使用css属性来实现这一目标。使用display或visibility。

每当r1处于活动状态时，请使用以下内容：

document.getElementById("idOfTextField").style.display = "none";

或

document.getElementById("idOfTextField").style.visibility = "hidden";

当r2或r3处于活动状态时，请执行以下操作：

document.getElementById("idOfTextField").style.display = "block";

或

document.getElementById("idOfTextField").style.visibility = "visible";

您必须为所有文本框执行此操作。

注意： - 这是使用javaScript而不是jQuery完成的。