基于单选按钮更改数据

Question

如何在javascript中执行此操作，当选择单选按钮时，只显示某些字段？请展示工作（最好用JSFiddle）：）

    <form action="inc/add_p_c_validate.php" method="post"> 
    Professor<input type="radio" name="addType" value="Professor" />
    &nbsp;&nbsp;Course<input type="radio" name="addType" value="Course" /> 
    <br><br>Name: <input type="text" name="name" /><br> 
    Department: <select name="deptName"><option>Department 1</option> <option>Department 2</option></select>
    Email: <input type="text" name="email" /><br>
    <input type="submit" name="submit" /> 
</form> 

Answer 1

设置onclick的{​​{1}}事件以调用将检查radiobuttons状态的函数，然后在指定的div元素中显示或隐藏表单元素。

jsfiddle sample

radiobutton