text field appears when click on radiobutton

text field appears when click on radiobutton

when i click on any radio button the text field appears and when i click
on on other radio button the respective text field occurs .and previous
text field dissapears
<input name="radioButton" type="radio" value="Circuit_Reference" />
Circuit Reference
<input id="circuit_reference" type="text" style="display:none "/>
<input name="radioButton" type="radio" value="USID" /> USID
<input id="usid" type="text" style="display:none "/>
<input name="radioButton" type="radio" value="Router_Name" />
Router Name
<input id="router_name" type="text" style="display:none "/>
<input name="radioButton" type="radio" value="Euclid" /> Euclid
<input id="euclid" type="text" style="display:none "/>