单击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>

现在我的问题是，当我单击第一个复选框时，第二个复选框已启用，但其变为文本框。 注意：单击复选框后，将显示一个面板。