when click a radio button display related text boxes

Hi ShaRa,
What I would do is wrap the fields associated with each radio button in a div with display set to none or visibility set to hidden, then use the onchange event when a radio button is clicked to call some JavaScript which displays the correct hidden div.
Here's a simplified not tested example.

<script type="javascript">
function switchvis(id){ 
   if(document.getElementById(id)){    
       var ele = document.getElementById(id);    
       if(ele.style.visibility=="hidden"){    
           ele.style.visibility="visible";      
       }else{ 
           ele.style.visibility="hidden";      
       } 
   } 
} 
</script>

<input type="radio" name="cash" id="cash" onchange="javascript:switchvis( 'idOfLayer' );" >cheque

<div id="theid" style="visibility:hidden;">
   <input type="text" name="date" />
   <input type="text" name="Number" />
</div> 

I recommend switching visibility:visible/hidden to display:block/none

I have found that most folks want the hidden item to not take up any space on the page when hidden, that may not be the case here.

I think this article by Peter Paul Koch describes exactly what you're trying to do.