チェックボックス選択によるボタンの活性・非活性制御について

Question

【前提】
JSF2.2(+PrimeFaces)で画面を作っています。

【やりたい事】
チェックボックスにチェックを付けた時、ボタンの活性・非活性を制御したいです。
スポーツ種類のチェックボックスがあり、その中の、「その他」にチェックを付けたら、
「送信する」ボタンが非活性になるように制御したいです。

【現状のxhtml】

<tr> <td>スポーツ種類</td> <td><p:selectManyCheckbox id="sport"> <f:selectItem itemLabel="野球" itemValue="sel1"/> <f:selectItem itemLabel="サッカー" itemValue="sel2"/> <f:selectItem itemLabel="テニス" itemValue="sel3"/> <f:selectItem itemLabel="その他" itemValue="sel4"/> </p:selectManyCheckbox> </td> <td> <p:commandButton action="#{testBean.send}" value="送信する" /> </td>

【思っている事】
<p:commandButton action="#{testBean.send}" value="送信する" />
に、
<p:commandButton action="#{testBean.send}" value="送信する" disabled="true"/>
のように、「disabled」属性を付ければボタンの活性・非活性が切り替わるのはわかりますが、
それを、チェックボックスによって動的に変更させるには、どうしたらよいでしょうか。

Answer 1

コードをすぐに思い付きませんが、ajaxタグとpanelタグを利用してみてはどうでしょうか。
Buttonの制御では有りませんが、ヒントになりそうなコンテンツが有りました。

PrimeFacesでラベルやパネルの表示非表示を切り替える

Answer 2

Javascript(jQuery)コードを書けばできます。
チェックボックスにchangeイベントを設定し、値を取得してDOMを操作すればokです。

Comments

[takashiro7300]

ありがとうございます。
その場合、
<td><p:selectManyCheckbox id="sport" change="aaaaa">
として、別途、「test.js」を用意して、その「test.js」の中で、
aaaaa()を実装するカタチになるのでしょうか？
（aaaaa()の中で、送信ボタンの活性・非活性を制御する？）

すみません、実装イメージが沸いていませんでして。