Styjun

In my very simple jsf learning playground I am trying to display something based on the parameter that the user inputs beforehand.

I've managed to identify that somehow when the first ajax call happens during the sex choice, the value of sex in class is for some reason not persisting, so when the conditional render happens after the click in the command button, the sex is set to null, so nothing happens.

<h:body>
 <h:form id="surveyForm">
 <h:panelGrid columns="2">
 Sex:
 <h:selectOneRadio id="sexSelect" value="#survey.sex" required="true">
 <f:selectItem itemValue="m" itemLabel="Male"/>
 <f:selectItem itemValue="f" itemLabel="Female"/>
 <f:ajax event="change" render="q1"/>
 </h:selectOneRadio>
 <h:panelGroup id="q1">
 <h:panelGrid columns="2">
 <h:outputText value="Bust:" rendered="#survey.sex.equals('f')"/>
 <h:inputText id="bustInputText" value="#survey.bust"
 rendered="#survey.sex.equals('f')"/>
 <h:outputText value="Cup size:" rendered="#survey.sex.equals('f')"/>
 <h:outputText value="Waist:" rendered="#survey.sex.equals('m')"/>
 <h:inputText id="waistMaleInputText" value="#survey.waistM"
 rendered="#survey.sex.equals('m')"/>
 </h:panelGrid>
 </h:panelGroup>
 <h:commandButton id="submitButton" value="Send">
 <f:ajax event="click" render="q2" listener="#survey.click()"/>
 </h:commandButton>
 <h:panelGroup id="q2">
 <h:panelGrid rendered="#survey.valid" columns="1">

 </h:selectManyCheckbox>
 <h:outputText value="Which kind of clothes do you prefer?"/>
 <h:selectManyCheckbox value="clothesM" rendered="#survey.sex.equals('m')">
 <f:selectItem itemValue="trousers" itemLabel="trousers" />
 <f:selectItem itemValue="shorts" itemLabel="shorts" />
 </h:selectManyCheckbox>
 <h:selectManyCheckbox value="clothesF" rendered="#survey.sex.equals('f')">
 <f:selectItem itemValue="jackets" itemLabel="jackets" />
 <f:selectItem itemValue="dresses" itemLabel="dresses" />
 </h:selectManyCheckbox>
 </h:selectManyCheckbox>
 </h:panelGrid>
 </h:panelGroup>
 </h:panelGrid>
 </h:form>
</h:body>

</html>

@ManagedBean(name = "survey")
@RequestScoped
public class SurveyBean 
 String sex;
 Boolean valid = false;


 public String getSex() 
 return sex;
 

 public void setSex(String sex) 
 this.sex = sex;
 

 public Boolean getValid() 
 return valid;
 

 public void setValid(Boolean valid) 
 this.valid = valid;
 

 public void click()
 setValid(true);