title: How to clear inputText in radioButton when select another radioButton
body: <p>I have a set of 3 radio buttons (A, B, and C). Like, A="1", B="2", and C="other value". When I select C, user can write a value of is choice.</p>
  
  <p>The problem is: if the user writes a value on the box, and then changes to A or B, if he chooses C, the value will still be there, and I want the value in C be cleaned.  </p>
  
  <p>How can I accomplish this? </p>
  
  <p>Here is my jsf code  :</p>
  
  <pre><code>&lt;p:selectOneRadio required="true" id="radio" value="#{backBean. SelectedAmountOption}" layout="custom"&gt;
      &lt;f:selectItem itemLabel="#{msgs['combo.box.charge.amount.1']}" itemValue="1" /&gt;
      &lt;f:selectItem itemLabel="#{msgs['combo.box.charge.amount.2']}" itemValue="2" /&gt;
      &lt;f:selectItem itemLabel="#{msgs['combo.box.charge.amount.3']}" itemValue="3" /&gt;
  
  &lt;h:panelGrid columns="3" cellpadding="5"&gt;
      &lt;p:radioButton id="A " for="Aa" itemIndex="0"/&gt;
      &lt;p:outputLabel value="#{msgs['combo.box.charge.amount.1']}" for="Aa"/&gt;
      &lt;p:spacer/&gt;
  
      &lt;p:radioButton id="B" for="Bb" itemIndex="1"/&gt;
      &lt;p:outputLabel value="#{msgs['combo.box.charge.amount.2']}" for=" Bb "/&gt;
      &lt;p:spacer/&gt;
  &lt;p:radioButton  id="C" for="Cc" itemIndex="2" /&gt;
  &lt;pe:inputNumber
                  styleClass=" Cc "
                  placeholder="#{msgs['combo.box.charge.amount.3']}"
                  value="#{backBean.e xplicitAmount}&gt;
  &lt;/pe:inputNumber&gt;
  </code></pre>