Question

I have a VF page where I am using checkbox fiels, I want to display three other fiels if the checkbox is selected.

How can I go about doing that ?

Thanks !!

Answer 1

Use the rendered attribute on <apex:inputfield> or <apex:inputtext>. By setting this attribute, you can control whether or not a component appears on a Visualforce Page.

Include all fields that may or may not be shown on the Visualforce Page, but set rendered="{!Object.YourCheckboxField}" on the fields that you want to show/hide based on the checkbox field. Optionally, you can use a Visualforce function like IF or NOT.

For example, if you wanted to show or hide the Email field on Contacts based on whether or not the HasOptedOutOfEmail field is true or false, it would look like this.

<apex:page standardController="Contact">
    <apex:sectionHeader title="Custom Contact Visualforce Page" />
    <apex:form>
        <apex:pageblock>
            <apex:pageblocksection>
                <apex:inputfield value="{!Contact.FirstName}" />
                <apex:inputfield value="{!Contact.LastName}" />
                <apex:inputfield value="{!Contact.Phone}" />
                <apex:inputfield value="{!Contact.Email}" rendered="{!NOT(Contact.HasOptedOutOfEmail)}" />
            </apex:pageblocksection>
        </apex:pageblock>
    </apex:form>
</apex:page>