单选的问题！

作4个onclick时间，每一个事件控制一个文本框

解决方案 »

免费领取超大流量手机卡，每月29元包185G流量+100分钟通话, 中国电信官方发货

<html>
<head>
<title>
</title>
</head>
<body><form name="form1" id="form1" method="post">
<input type=radio name="radio1"  value="1" onclick="click1()">1111 <font  id="font1"> </font><br>
<input type=radio name="radio1"  value="2" onclick="click2()">2222 <font  id="font2"> </font><br>
<input type=radio name="radio1"  value="3" onclick="click3()">3333 <font  id="font3"> </font><br>
<input type=radio name="radio1"  value="4" onclick="click4()">4444 <font  id="font4"> </font><br><script language="javascript">
function click1()
{
font1.innerHTML="<input type=text name='text1' >";
font2.innerHTML="";
font3.innerHTML="";
font4.innerHTML="";
}function click2()
{
font1.innerHTML="";
font2.innerHTML="<input type=text name='text2' >";
font3.innerHTML="";
font4.innerHTML="";

}function click3()
{
font1.innerHTML="";
font2.innerHTML="";
font3.innerHTML="<input type=text name='text2' >";
font4.innerHTML="";
}
function click4()
{
font1.innerHTML="";
font2.innerHTML="";
font3.innerHTML="";
font4.innerHTML="<input type=text name='text2' >";
}
</script>
</form>
</body>
</html>
<html>
<head>
<title>
</title>
</head>
<body><form name="form1" id="form1" method="post">
<input type=radio name="radio1"  value="1" onclick="click1()">1111 <font  id="font1"> </font><br>
<input type=radio name="radio1"  value="2" onclick="click2()">2222 <font  id="font2"> </font><br>
<input type=radio name="radio1"  value="3" onclick="click3()">3333 <font  id="font3"> </font><br>
<input type=radio name="radio1"  value="4" onclick="click4()">4444 <font  id="font4"> </font><br><script language="javascript">
function click1()
{
font1.innerHTML="<input type=text name='text1' >";
font2.innerHTML="";
font3.innerHTML="";
font4.innerHTML="";
}function click2()
{
font1.innerHTML="";
font2.innerHTML="<input type=text name='text2' >";
font3.innerHTML="";
font4.innerHTML="";

}function click3()
{
font1.innerHTML="";
font2.innerHTML="";
font3.innerHTML="<input type=text name='text3' >";
font4.innerHTML="";
}
function click4()
{
font1.innerHTML="";
font2.innerHTML="";
font3.innerHTML="";
font4.innerHTML="<input type=text name='text4' >";
}
</script>
</form>
</body>
</html>
用这个吧：
<html>
<head>
<title>
</title>
</head>
<body><form name="form1" id="form1" method="post">
<input type=radio name="radio1"  value="1" onclick="click1()" checked> <font  id="font1">Text1<input type=text name='text1' > </font><br>
<input type=radio name="radio1"  value="2" onclick="click2()"> <font  id="font2"> </font><br>
<input type=radio name="radio1"  value="3" onclick="click3()"> <font  id="font3"> </font><br>
<input type=radio name="radio1"  value="4" onclick="click4()"> <font  id="font4"> </font><br><script language="javascript">
function click1()
{
font1.innerHTML="Text1<input type=text name='text1' >";
font2.innerHTML="";
font3.innerHTML="";
font4.innerHTML="";
}function click2()
{
font1.innerHTML="";
font2.innerHTML="Text2<input type=text name='text2' >";
font3.innerHTML="";
font4.innerHTML="";

}function click3()
{
font1.innerHTML="";
font2.innerHTML="";
font3.innerHTML="Text3<input type=text name='text3' >";
font4.innerHTML="";
}
function click4()
{
font1.innerHTML="";
font2.innerHTML="";
font3.innerHTML="";
font4.innerHTML="Text4<input type=text name='text4' >";
}
</script>
</form>
</body>
</html>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>无标题文档</title>
<script language="JavaScript">
function starwu(i) {
i.form.textfield1.style.display="none";
i.form.textfield2.style.display="none";
i.form.textfield3.style.display="none";
i.form.textfield4.style.display="none";
i.style.display="block";
}
</script>
</head><body>
<form name="form1" method="post" action="">
  选择1:<input type="radio" name="radiobutton" value="1" onClick="starwu(this.form.textfield1)"><br>
  选择2:<input type="radio" name="radiobutton" value="2" onClick="starwu(this.form.textfield2)"><br>
  选择3:<input type="radio" name="radiobutton" value="3" onClick="starwu(this.form.textfield3)"><br>
  选择4:<input type="radio" name="radiobutton" value="4" onClick="starwu(this.form.textfield4)"><br>
  <input type="text" name="textfield1" style="display: none;">
  <input type="text" name="textfield2" style="display: none;">
  <input type="text" name="textfield3" style="display: none;">
  <input type="text" name="textfield4" style="display: none;">
</form>
</body>
</html>
这个问题出现好多次了，我比较同意starwu(starwu)的方法，简单并且灵活