Sign Up ›

Browse by Topic
ShowAll Questionssorted byDate Posted
+ Start a Discussion
Nidhi Sharma 13Nidhi Sharma 13 

Input Field visible only if radio button option "yes" checked

Hi,


I want that output label - "How many sub-projects" and input field be visible only when radio button "yes" is checked, otherwise invisible. How can I do it in VF


Thanks.

Please refer to code 
<apex:pageBlockSection title="Project Details">
    
       <apex:panelGrid columns="2">
        <apex:outputLabel value="Project Name" for="gprojectName"/>
        <apex:inputField id="gprojectName" value="{!gproject.name}"/>
       </apex:panelGrid>
      </apex:pageBlockSection>
      <apex:pageBlockSection title="Decision">
       <apex:panelGrid columns="2">
          <apex:outputLabel value="Does it have sub-project(s)?" 
                           for="radiobtn"/>
          <apex:selectRadio id="radiobtn">
          <apex:selectOption id="radiobtn1" itemLabel="No" itemValue="1"></apex:selectOption>
          <apex:selectOption id="radiobtn2" itemLabel="Yes" itemValue="2"></apex:selectOption>
          </apex:selectRadio>
              
              <apex:outputLabel id="labid" value="How many sub-projects" for="gsubproject"/>
              <apex:inputField id="gsubproject" value="{!gproject.sub}"/>
                       
       </apex:panelGrid>
      </apex:pageBlockSection>

 
Sumeet_ForceSumeet_Force
Hi,
You can use controller class with 2 steps:

1st create variable in class to set true/false based on checkbox selection.

Then , use rendered attribute on output label to the value of the above variable. So only when checkbox is select, rendered will be true and displayed.
David OvellaDavid Ovella
Hello Nidhi

this is an example of rendered a pageblock depending of some criteria 
<apex:page standardController="Account">
    <apex:form>
        <apex:pageBlock mode="edit" >
            <apex:pageBlockSection title="Decision">
                <apex:actionRegion > 
                    <apex:outputLabel value="Account Source"/> 
                    <apex:inputField value="{!Account.AccountSource}">                                                        
                        <apex:actionSupport event="onchange" reRender="xxx"/>                                                        
                    </apex:inputField>            
                </apex:actionRegion>
           </apex:pageBlockSection>
        </apex:pageBlock>

        <apex:pageBlock mode="edit" id="xxx">                            
            <apex:pageBlockSection title="Informacion sobre el Cobro" rendered="{!IF(Account.AccountSource=='Partner',True,False)}">                                          
                <apex:inputField value="{!Account.Phone}"/>            
                <apex:inputField value="{!Account.Description}"/>           
            </apex:pageBlockSection>
        </apex:pageBlock>    
    </apex:form>
</apex:page>