HI,

    I have 3 radio buttons in my visaulforce page, and 2 text fields, when i click 1st radio button at that time 1st text field will be display, when i click 2nd Radio button 2nd Field will be display, when i click 3rd Radio Button again 2nd radio button will be display, i am using javascript for hide/show the text fields but it's not working can any one give me suggestions.

   JavaScript--

  <script type="text/javascript">

  function show(t)
  {
     if ( t.value == 0 )
     {
        document.getElementById("defaultcost").style.display = 'block';
        document.getElementById("differcost").style.display = 'none';
     }else{
         document.getElementById("defaultcost").style.display = 'none';
          document.getElementById("differcost").style.display = 'block';
     }
   
 
  }
 
 
 
  </script>


    <apex:selectRadio value="{!Quote__c.shipping_type__c}" onChange="show(this);">
          
            <apex:selectOption itemLabel="Use Store Settings" itemValue="0" />
         
            <apex:selectOption itemLabel="Per Item" itemValue="1" />
            <apex:selectOption itemLabel="Fixed Price Per Order" itemValue="2" />   
           </apex:selectRadio>
           <apex:inputField value="{!Quote__c.storeprice__c}" id="defaultcost" style="display:block;"/><br/>
           <apex:inputField value="{!Quote__c.price__c}" id="differcost" style="display:none;"/><br/>
         
          </apex:pageBlockSection>