javascript - want to display one specific row with one radio button select and hiding otherone -

here have 2 radio buttons,what want if select radio button student class row should visible else profession row visible. @ time 1 row visible.

<tr><td>member</td>     <td><input type="radio" name="member" value="student" onclick = "select_mem()">student<br></td>     <td><input type="radio" name="member"  value="parent" onclick = "select_mem()">parent<br></td></tr> <tr><td>class</td>     <td><select name="class" style="width:50px" >         <option value="1">i</option>         <option value="2">ii</option>         <option value="3">iii</option>         <option value="4">iv</option>         <option value="5">v</option></select></td></tr> <tr><td>profession</td>     <td colspan="2"><input type="text" name="prof"</td></tr> 

i tried use java script

function select_mem() {     var stu= $('input:radio[name=member]:checked').val();     document.write(stu);  } 

here trying stu value see , can put if condition. please me how it

this should help

<tr><td>member</td>     <td><input type="radio" name="member" value="student" onclick = "select_mem(this.value)">student<br></td>     <td><input type="radio" name="member"  value="parent" onclick = "select_mem(this.value)">parent<br></td></tr> <tr id="cls"><td>class</td>     <td><select name="class" style="width:50px" >         <option value="1">i</option>         <option value="2">ii</option>         <option value="3">iii</option>         <option value="4">iv</option>         <option value="5">v</option></select></td></tr> <tr id="pro"><td>profession</td>     <td colspan="2"><input type="text" name="prof"</td></tr>  function select_mem(val) {     if ( val == "student" ){         document.getelementbyid("cls").style.display = "table-row";         document.getelementbyid("pro").style.display = "none";     } else {         document.getelementbyid("cls").style.display = "none";         document.getelementbyid("pro").style.display = "table-row";     } }