單擊JSF中的第一個復選框時啟用第二個復選框

Question

我有2個復選框，第二個處於禁用狀態。單擊第一個復選框時，將啟用第二個復選框。 下面是我的代碼。

<td>
    <h:selectBooleanCheckbox id="firstDel"
                             value="#{Bean.firstDelIsSelected}">
        <f:ajax event="click"
                listener="#{Bean.addReplacementLine}"
                render="pnlGrp_FirstDel secondDel" execute="pnlGrp_FirstDel firstDel" />
        <h:outputLabel styleClass="fieldLabelText"
                       value="#{message['application.billprogram.admin.manage.label.firstDel']}"/>
    </h:selectBooleanCheckbox>

</td>
<td>
    <h:selectBooleanCheckbox id="secondDel" disabled="#{!Bean.firstDelIsSelected}"
                             value="#{Bean.secDelIsSelected}">
        <f:ajax event="click"
                listener="#{Bean.addReplacementLine}"
                render="pnlGrp_SecondDel" execute="pnlGrp_SecondDel" />
        <h:outputLabel styleClass="fieldLabelText"
                       value="#{message['application.billprogram.admin.manage.label.secDel']}"/>
    </h:selectBooleanCheckbox>
</td>

現在我的問題是，當我單擊第一個復選框時，第二個復選框已啟用，但其變為文本框。 注意：單擊復選框后，將顯示一個面板。