无法通过单击选择文本来选择特定的单选按钮选项

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/>标记。