Javascript 选中单选按钮时立即隐藏文本字段

我想要的是，当用户选择第一个选项时，文本字段将消失，当用户选择第二个选项时，文本字段将立即再次出现。下面是一些代码：

<input type="radio" name="RadioGroup0" value="1" id="student"  />
<input type="radio" name="RadioGroup0" value="0" id="not student"  />

并希望隐藏/显示以下内容：

<label for="department">department:</label>
<input name="department" type="text" class="label" value=""  />

部门：

我已经尝试过任何方法，因此我将非常感谢单击、键入和更改事件、显示或隐藏适当元素（jQuery使这更容易）上的任何答案。处理所有事件的原因是，只有在元素失去焦点后才能触发值更改

---

快乐编码。

你尝试过的

任何东西都是什么？如果你在谷歌上搜索，你会找到答案，所以我认为你没有尝试任何东西！！！！！！！！！！创建一个函数onclick/onchange，它在选中某个选项时向我显示一个警报。它只适用于第一个选择，当我更改选择时，什么也没有发生。在这个函数中，我试图更改style.visibility和do hide（），但没有任何效果。我不知道如何使用jQuery，我的尝试也没有成功。你的意见是什么？