如何在选择另一个radioButton时清除radioButton中的inputText

Question

我有一组3个单选按钮（A，B和C）。例如，A =“1”，B =“2”，C =“其他值”。当我选择C时，用户可以写一个值为选择。

问题是：如果用户在框上写入值，然后更改为A或B，如果他选择C，则该值仍然存在，并且我希望清除C中的值。

我怎样才能做到这一点？

这是我的jsf代码：

<p:selectOneRadio required="true" id="radio" value="#{backBean. SelectedAmountOption}" layout="custom">
    <f:selectItem itemLabel="#{msgs['combo.box.charge.amount.1']}" itemValue="1" />
    <f:selectItem itemLabel="#{msgs['combo.box.charge.amount.2']}" itemValue="2" />
    <f:selectItem itemLabel="#{msgs['combo.box.charge.amount.3']}" itemValue="3" />

<h:panelGrid columns="3" cellpadding="5">
    <p:radioButton id="A " for="Aa" itemIndex="0"/>
    <p:outputLabel value="#{msgs['combo.box.charge.amount.1']}" for="Aa"/>
    <p:spacer/>

    <p:radioButton id="B" for="Bb" itemIndex="1"/>
    <p:outputLabel value="#{msgs['combo.box.charge.amount.2']}" for=" Bb "/>
    <p:spacer/>
<p:radioButton  id="C" for="Cc" itemIndex="2" />
<pe:inputNumber
                styleClass=" Cc "
                placeholder="#{msgs['combo.box.charge.amount.3']}"
                value="#{backBean.e xplicitAmount}>
</pe:inputNumber>