第一种方法:
<html>
<script language="javascript">
function changeType()
{
if(document.all.radio[0].checked){
document.all.text2.style.display='none';
document.all.text1.style.display='';
}
if(document.all.radio[1].checked){
document.all.text1.style.display="none";
document.all.text2.style.display='';
}
}
</script>
<body>
<input type="radio" name="radio" onFocus="changeType()" checked>
<input type="radio" name="radio" onFocus="changeType()"><br>
<input type="text" name="text1" value="text1">
<input type="text" name="text2" value="text2" style="display:none">
</body>
</html>
第二种方法
<script language="javascript">
function show1()
{
document.all.Display1.style.display='';
document.all.Display2.style.display='none';
//return;
}
function show2()
{
document.all.Display1.style.display='none';
document.all.Display2.style.display='';
//return;
}
</script>
<tr>
<td height="20"></td>
<td colspan="2" align="right"><input type="radio" id="RegistType1" name="UserType" value="" onFocus="show1();" checked>XXX</td>
<td align="left"><input type="radio" id="RegistType2" name="UserType" value="" onFocus="show2();">XXX</td>
<td></td>
</tr>
<tr>
<td height="20"></td>
<td colspan="3">
<span id="Display1" name="Display1" style="display:''">
<table width="100%">
<tr>
<td height="15"></td>
<td></td>
<td></td>
</tr>
<tr>
<td height="11"></td>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td align="right">XXX:<input type="text" name="" width="150"></td>
<td></td>
</tr>
</table>
</span>
<span id="Display2" name="Display2" style="display:none">
<table width="100%">
<tr>
<td></td>
<td align="right">XXX:<input type="text" name="" width="150"></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td align="right">XXX: <input type="text" name="" width="150"></td>
<td></td>
</tr>
</table>
</span>