當有一個複選框被選中時，顯示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>