当有一个复选框被选中时，显示paneloverlaylay

Question

基本上它在标题中说了什么。现在的问题是，无论是选中还是未选中，它都会显示更改。

    <h:selectBooleanCheckbox id="checkbox" value="checkbox" > 
        </h:selectBooleanCheckbox> 

        <p:overlayPanel for="checkbox" widgetVar="descOverlay"> 
         Test 
        </p:overlayPanel> 

Answer 1

尝试......

<h:selectBooleanCheckbox id="chkbox" value="checkbox" ></h:selectBooleanCheckbox> 

<p:overlayPanel for="chkbox" widgetVar="desc" showEvent="mousedown" hideEvent="mousedown"> 
      Test 
</p:overlayPanel> 

修订：

<h:selectBooleanCheckbox id="checkbox" onclick="(this.checked ? descOverlay.show() : descOverlay.hide());"/> 
<p:overlayPanel for="checkbox" widgetVar="descOverlay" id="descOverlay" showEvent="mouseup" hideEvent="mouseup" appendToBody="true"> 
    Test 
</p:overlayPanel>