<html>
<head>
<script language="javascript">
function add(obj)
{
document.getElementById('t1').style.display="";
}
function hid()
{
document.getElementById('t1').style.display="none";
}
</script>
</head>
<form>
<body onload="hid()">
<input type="text" name="t1" id="t1">
<input type="radio" name="r1" id="r1" onclick="add(this)">new
</body>
</form>
</html>

解决方案 »

  1.   

    <input type="checkbox" onclick="this.checked?document.getElementById('txtTest').style.display='block':document.getElementById('txtTest').style.display='none'" />
    <input id="txtTest" type="text" style="display:none" />
      

  2.   

    <html>
    <head>
    <script language="javascript">
    function add(obj)
    {
       if(obj.style.display=="")
          obj.style.display="none";
       else
          obj.style.display="";
    }
    </script>
    </head>
    <form>
    <body onload="hid()">
    <input type="text" name="t1" id="t1" style="display:none">
    <input type="radio" name="r1" id="r1" onclick="add(document.getElementById('t1'))">new
    </body>
    </form>
    </html>
      

  3.   

    <HTML>
     <HEAD>
      <TITLE> New Document </TITLE>
     </HEAD>
    <SCRIPT LANGUAGE="JavaScript">
    <!--
    function sel(){
    if(document.getElementById("b").checked==true){
    document.getElementById("aa").style.display="";
    }else{
    document.getElementById("aa").style.display="none";
    }
    }
    //-->
    </SCRIPT>
     <BODY>
     <input type="checkbox" id="b" name="b" onclick="sel();">
      <input type="text" name="aa" id="aa" style="display:none;">
      
     </BODY>
    </HTML>
      

  4.   

    已经有高手解答了.呵呵 
    定义好类.用一个判断语句进行判断.设置display的属性是 是否显示