javascript - 如何动态隐藏文本字段

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 完成的。