javascript error with jsf button

[JayaSiji Gopal]

i have a jsf page like

 
 
<h:form styleClass="form" id="frmHolidayType">
    <h:selectOneRadio styleClass="selectOneRadio" id="rdoHoliday" layout="pageDirection">
     <f:selectItem itemLabel="Date Based Holiday Definition" itemValue="dteHoliday" />
     <f:selectItem itemLabel="Day of Week Holiday Definition" itemValue="dowHoliday" />
    </h:selectOneRadio>
<h:commandButton type="submit" value="Submit"
   styleClass="commandExButton" onKlick="javascript :-P	 assValues()">
</h:commandButton>
</h:form>
 

The javascript function is as follows:

 
 
function PassValues()
{
var holidayType;
    if(document.frmHolidayType.rdoHoliday[0].checked) {
     holidayType = document.frmHolidayType.rdoHoliday[0].value;
    } 
    else { 
     holidayType = document.frmHolidayType.rdoHoliday[1].value;
    } 
    alert("holiday type in child" + holidayType);
    window.opener.document.frmParent.holdyType.value = holidayType;
window.opener.goToURL();
    self.close();
}
 

This code works absolutely fine with normal html buttons.
with JSF, it says document.frmHolidayType.rdoHoliday is null or not an object. How do i resolve this?

[Rajeev Ravindran]

try getElementById inside your javascript

var obj = window.document.getElementById("selBuiltBy");


Thanks,

[JayaSiji Gopal]

It doesnt seem to work!

It says "object Expected" ;

[Rajeev Ravindran]

ok try this

var obj = window.document.getElementById("form1:rdoHoliday");

see the clientID of the component in backing bean and pass it in the
getElementById() of javascript

System.out.println("client id " + getRdoHoliday().getClientId(getFacesContext()));

Thanks,

[JayaSiji Gopal]

The following solution worked to resolve the error:
Thnx for all the help!

 
 
if(document.forms["frmHolidayType"].elements["frmHolidayType:rdoHoliday"][0].checked) {
      alert("inside if");
      holidayType = document.forms['frmHolidayType'].elements['frmHolidayType:rdoHoliday'][0].value ;
    } 
    else if(document.forms["frmHolidayType"].elements["frmHolidayType:rdoHoliday"][1].checked) { 
      alert("inside else");
      holidayType = document.forms['frmHolidayType'].elements['frmHolidayType:rdoHoliday'][1].value ;
    } 
    else {
    return false;
    }