Select one radio button and display the value in java script

This is my jsp code (i have pasted only the required portion)

<t:panelTab  id="adminPanel" .....
...
<h:form id="adminForm">....
...

<htm:table id="htmtable1" border="0" width="100%"  >
                                             <htm:tr>
                                                 <htm:td width="60%" styleClass="lableStyleLeft">
                                                  <h:selectOneRadio id="rptType" layout="lineDirection"   value="Admin_Agent_Report"  styleClass="pr_boldInner" onclick="getClickedStatus();">
							                            <f:selectItem id ="rpttype1" itemLabel="Admin/Agent Report" itemValue="Admin_Agent_Report" />
							                            <f:selectItem id ="rpttype2" itemLabel="Login Audit Report" itemValue="Login_Audit_Report" />
						                           </h:selectOneRadio>
                                                 </htm:td>
                                                 <htm:td width="40%">
			                                        <h:outputText/>
			                                     </htm:td>
                                             </htm:tr>
                                         </htm:table>

Javascript code :

var1=document.getElementById("adminPanel:adminForm:rptType"); // this gives me a HtmlTAbleObject
alert(var1.value); // gives me a null value here . i presume sthg wrong in the above statement..

Kindly advise how I can get the value of the radio button thats clicked from inside my javascript function.
Is it mandatory to use binding or value along with <h:selectOneRadio to get the button thats clicked..???

First please you use a managed bean.
Second the value attribute of the selectOne... will contain the selected value (for eg

should be

please use the managed bean.