更新h：selectBooleanCheckbox松散css

Question

在触发selectOneMenu上的ajax事件后，我遇到了关于渲染h：selectBooleanCheckbox的问题。

当我打开页面时，选择项目显示值（提示），选择项目附近的复选框呈现正常（图片如下）。

然后当我更改选择项目中的值时，复选框样式会更改（下图）。

我也在使用Primefaces 5.2版

HTML code：

<p:selectOneMenu value="#{someController.purpose}" id="purpose">
  <f:selectItems value="#{someController.typeOptions.values()}" var="option" itemValue="#{option.value}" itemLabel="#{option.label}" />
  <p:ajax event="change" update="priorityGroup" />					            
</p:selectOneMenu>
    					        
<h:panelGroup id="priorityGroup" style="padding-left: 30px;">
  <h:selectBooleanCheckbox id="priority" value="#{someController.priority}"/>		
</h:panelGroup>