请教

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>无标题文档</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<script language="javascript">
function CtrlDisplay1(src){
var o=document.all("txt"+src.name.charAt(src.name.length-1)).style;
if(src.checked) o.display="";
else o.display="none"
}
function CtrlDisplay2(src){
var o=src.parentElement.children[1].style;
if(src.checked) o.display="";
else o.display="none"
}
</script>
</head><body>
<p><input name="chk1" type="checkbox" value="" onClick="CtrlDisplay(this);">&nbsp;<input name="txt1" type="text" style="display:none "></p>
<p><input name="chk2" type="checkbox" value="" onClick="CtrlDisplay(this);">&nbsp;<input name="txt2" type="text" style="display:none "></p>
<p><input name="chk3" type="checkbox" value="" onClick="CtrlDisplay(this);">&nbsp;<input name="txt3" type="text" style="display:none "></p>
<p><input name="chk4" type="checkbox" value="" onClick="CtrlDisplay(this);">&nbsp;<input name="txt4" type="text" style="display:none "></p>
<p><input name="chk5" type="checkbox" value="" onClick="CtrlDisplay(this);">&nbsp;<input name="txt5" type="text" style="display:none "></p>
</body>
</html>

解决方案 »

  1.   

    不知道这样行不行?<html>
    <head>
    <script language="javascript">
    function showOrHidden()
    {
      if(document.myform.myradio[0].checked)
      {
       document.myform.mytext.style.display='block';  
      }
      if(document.myform.myradio[1].checked)
      {
       document.myform.mytext.style.display='none';  
      }
    }
    </script>
    </head><body>
    <form name="myform">
    是否用信用卡付帐?
      <input type="radio" name="myradio" value="shi" onclick="showOrHidden()">是
      <input type="radio" name="myradio" value="fou" onclick="showOrHidden()" checked>否
      <input type="text" name="mytext" value="请输入你的贴" style="display:none">
    </form>
    </body>
    </html>