primefaces - boolCheckBox がチェックされている場合に表示されるコンポーネント

Question

複数のコンポーネントを含む Web ページがあります。boolCheckbox をクリックすると、他のコンポーネントを非表示にしたいので、rendered 属性を使用しようとしましたが、機能しません。

boolCheckBox、inputTextなどの単純なコンポーネントの可視属性（またはそれに相当するもの）はありますか？

<p:selectBooleanCheckbox value="#{Bean.check}" >
    <p:ajax update="check2" listener="#{Bean.function()}"/>  
</p:selectBooleanCheckbox>

<p:selectBooleanCheckbox id="check2" value="#{Bean.check2}" rendered="#{Bean.check}">
</p:selectBooleanCheckbox>

ありがとうございました。

Answer 1

値の変更後に表示されるべきではないコンポーネントを更新しています。親コンポーネントを更新する必要があります。例えば：

<p:selectBooleanCheckbox value="#{Bean.check}" >
    <p:ajax update="check2-parent" listener="#{Bean.function()}"/>  
</p:selectBooleanCheckbox>

<p:panel id="check2-parent">
    <p:selectBooleanCheckbox id="check2" value="#{Bean.check2}" rendered="#{Bean.check}"/>
</p:panel>

Answer 2

使用する：

$('checkbox').on('click', function() {
 if($(this).is(':checked')) {
  // checked do something
  $('.classname').hide();
 }
 else {
  // not checked do something else
  $('.classname').show();
 }
});