无法通过使用单个selectBooleanCheckbox来选中/取消选中多个复选框selectManyMenu

Question

<p:selectBooleanCheckbox  label="#{lbl['lbl.pm.sr.all.states']}"
 value="#{suppliersReviewBackingBean.managedBean.allStates}">
 <p:ajax event="change" partialSubmit="true"
listener="#{suppliersReviewBackingBean.selectAllStates}"
update="stateListId" process="@this" />
</p:selectBooleanCheckbox>          
<p:selectManyMenu label="#{lbl['lbl.pm.sr.state']}"
id="stateListId"
value="#{suppliersReviewBackingBean.managedBean.suppliersReviewSearchBean.dropDownStatesIdList}"
style="width: 252px;margin-bottom: 5px;height:113px"
showCheckbox="true"
disabled="#{suppliersReviewBackingBean.managedBean.disabled}">
<f:selectItems var="finState" styleClass="ui-state-disabled"
value="#{suppliersReviewBackingBean.managedBean.suppliersReviewSearchBean.statesList}"
itemValue="#{finState.stateId}" itemLabel="#{finState.stateName}">
</f:selectItems>
</p:selectManyMenu>  

这是没有选择的UI屏幕：

这是选择后的UI屏幕（我需要这样的解决方案）：

我想根据p:selectManyMenu的单一复选框选中/取消选中P:selectBooleanCheckbox复选框的多个复选框。我尝试了许多方法，但没有得到确切的解决方案。