無法通過單擊選擇文本來選擇特定的單選按鈕選項

Question

<s:decorate template="/layout/display-text.xhtml"> 
    <h:selectOneRadio layout="pageDirection" value="#{_userHome.pref}"> 
     <f:selectItems value="#{_userHome.getPreferences()}" /> 
    </h:selectOneRadio> 
</s:decorate> 

我可以通過直接單擊除Firefox之外的所有瀏覽器中的單選按鈕選項旁邊的文本來選擇用戶首選項。我應該如何解決這個問題？

Answer 1

您需要添加一個<label>元素單選按鈕，使您的標記看起來如下：

<label for="radio-button">Radio button label text</label> 
<input type="radio" value="1" name="radio-button" id="radio-button"/> 

標籤的for和id屬性必須匹配。要創建此標籤，您可以使用<h:outputLabel/>標籤。