You are trying to do an easy job but the code you have is irrelavant. You don't need any JS to do this.
Have a look at the example I am providing here
XHTML Code
<html xmlns="http://www.w3.org/1999/xhtml"
xmlns:h="http://java.sun.com/jsf/html"
xmlns:f="http://java.sun.com/jsf/core"
xmlns:p="http://primefaces.org/ui">
<h:head>
</h:head>
<h:body>
<style media="screen" type="text/css">
.ui-widget,.ui-widget .ui-widget {
font-size: 90% !important;
}
</style>
<h:form>
<p:panel header="Contact Person">
<h:panelGrid columns="2">
<h:outputText value="Select Gender"></h:outputText>
<p:selectOneRadio id="contactPersonGender"
value="#{testBean.contactPersonGender}">
<f:selectItems value="#{testBean.genders}" var="gender"
itemLabel="#{gender.name}" />
</p:selectOneRadio>
</h:panelGrid>
</p:panel>
<p:separator></p:separator>
<p:commandButton value="Copy to Manager"
actionListener="#{testBean.copyToManager}" update="managerPanel"></p:commandButton>
<p:separator></p:separator>
<p:panel header="Manager Person" id="managerPanel">
<h:panelGrid columns="2">
<h:outputText value="Select Gender"></h:outputText>
<p:selectOneRadio id="managerGender"
value="#{testBean.managerGender}">
<f:selectItems value="#{testBean.genders}" var="gender"
itemLabel="#{gender.name}" />
</p:selectOneRadio>
</h:panelGrid>
</p:panel>
</h:form>
</h:body>
</html>
ManagedBEAN
package reg.bean;
import javax.faces.bean.ManagedBean;
import javax.faces.bean.ViewScoped;
import javax.faces.event.ActionEvent;
@ManagedBean(name = "testBean")
@ViewScoped
public class TestBean {
private GENDER contactPersonGender;
private GENDER managerGender;
private GENDER[] genders;
public TestBean() {
genders = GENDER.values();
}
public void processForm(ActionEvent event) {
System.out.println("Contact person Gender " + contactPersonGender.getName());
System.out.println("Manager Gender " + managerGender.getName());
}
public void copyToManager(ActionEvent event){
this.managerGender=this.contactPersonGender;
}
public GENDER[] getGenders() {
return genders;
}
public void setGenders(GENDER[] genders) {
this.genders = genders;
}
public GENDER getContactPersonGender() {
return contactPersonGender;
}
public void setContactPersonGender(GENDER contactPersonGender) {
this.contactPersonGender = contactPersonGender;
}
public GENDER getManagerGender() {
return managerGender;
}
public void setManagerGender(GENDER managerGender) {
this.managerGender = managerGender;
}
}
Gender CLASS ENUM
package reg.bean;
public enum GENDER {
MALE("Male"), FEMALE("Female");
private String name;
GENDER(String name) {
this.name = name;
}
public String getName() {
return this.name;
}
}
Now, If you select MALE at contact person and FEMALE on manager and if you press the button then manager will be FEMALE . UI will be updated.