在Visual Force頁面中隱藏單選按鈕選擇上的inputField

Question

我有一個輸入欄和兩個單選按鈕。

我想隱藏單選按鈕的單擊上的輸入字段。

有人可以幫我嗎？

Answer 1

一個非常標準的方式來做到這一點

視覺隊頁

頂點：頁standardController = 「接觸」 擴展= 「radioActionPageCtrl」>

<apex:form > 

    <apex:selectRadio id="valSelector" value="{!optSelected}"> 
    <apex:SelectOptions value="{!radioValues}"/> 
    <apex:actionSupport event="onchange" reRender="cpBlock" status="validationStatus"/> 
    </apex:selectRadio> 

    <apex:actionStatus id="validationStatus"> 
    <apex:facet name="start">Evaluating...</apex:facet> 
    <apex:facet name="stop">Ready to Evaluate</apex:facet> 
    </apex:actionStatus> 

    <apex:PageBlock Title="Contact Page" id="cpBlock"> 
    <apex:pageBlockSection title="Details"> 
    <apex:PageBlockSectionItem rendered="{!renderName}"> 
     <apex:outputText value="First Name" /> 
     <apex:inputField value="{!contact.firstName}" id="cName"/> 
    </apex:PageBlockSectionItem> 
    </apex:pageBlockSection> 
    </apex:PageBlock> 


</apex:form> 

/頂點：首頁>

控制器

public class radioActionPageCtrl { 

public Boolean renderName { 
    get{ 
     return optSelected == 'Option1'; 
    } 
} 
public String optSelected {get;set;} 
public List<SelectOption> radioValues { 
    get { 
     List<SelectOption> resList = new List<SelectOption>(); 
     resList.add(new SelectOption('Option1', 'Option1')); 
     resList.add(new SelectOption('Option2', 'Option2')); 
     return resList; 
    } 
} 

public radioActionPageCtrl(ApexPages.StandardController controller) { 
    optSelected = 'Option1'; 
} 

}