<form action="" method="post">
URL<input type="text"  name="url"/>
<input name="" type="radio" value="1"  checked="checked"/>文字连接
<input name="" type="radio" value="0" />图片连接
<input name="name"  size="30"/>
<input type="file" size="30" name="pic">
<input type="submit" name="submit" value='提交'>
</form>
我想问下,怎么能够做到,当我选择了文字连接以后下面值出现
<input name="name"  size="30"/>对话框,当我选择了图片连接以后
出现<input type="file" size="30" name="pic">对话框,
谢谢,我对JS 不怎么熟悉!

解决方案 »

  1.   

    <input name="" type="radio" value="1" checked="checked" onclick="javascript:if(this.checked){document.getElementById('name').style.display='inline';document.getElementById('pic').style.display='none';}"/>文字连接
    <input name="" type="radio" value="0" onclick="javascript:if(this.checked){document.getElementById('name').style.display='none';document.getElementById('pic').style.display='inline';}"/>图片连接
    <input name="name" size="30" style='display:none;'/>
    <input type="file" size="30" name="pic" style='display:inline;'>
      

  2.   

    刚弄错了一个..你得把name='pic'改为id='pic'不然上面的getElementById改为getElementByName
      

  3.   

    <script>
           function fontLink(o) {
                if (o.checked) {
                    document.getElementsByName("name")[0].style.display = "black";
                    //document.getElementsByName("pic")[0].style.display = "none";
                } else {
                    document.getElementsByName("name")[0].style.display = "none";
                    //document.getElementsByName("pic")[0].style.display = "black";
                }
           }       function picLink(o) {
                if (o.checked) {
                    //document.getElementsByName("name")[0].style.display = "none";
                    document.getElementsByName("pic")[0].style.display = "black";
                } else {
                    //document.getElementsByName("name")[0].style.display = "black";
                    document.getElementsByName("pic")[0].style.display = "none";
                }
           }
    </script><form action="" method="post">
    URL<input type="text" name="url"/>
    <input name="" type="radio" value="1" checked="checked" onchange="fontLink(this)"/>文字连接
    <input name="" type="radio" value="0" onchange="picLink(this)"/>图片连接
    <input name="name" size="30"/>
    <input type="file" size="30" name="pic">
    <input type="submit" name="submit" value='提交'>
    </form>
      

  4.   

    <script>
           function fontLink(o) {
                if (o.checked) {
                    document.getElementsByName("fontname")[0].style.display = "black";
                } else {
                    document.getElementsByName("fontname")[0].style.display = "none";
                }
           }       function picLink(o) {
                if (o.checked) {
                    document.getElementsByName("pic")[0].style.display = "black";
                } else {
                    document.getElementsByName("pic")[0].style.display = "none";
                }
           }
    </script><form action="" method="post">
    URL<input type="text" name="url"/>
    <input name="fontname" type="radio" value="1" checked="checked" onchange="fontLink(this)"/>文字连接
    <input name="pic" type="radio" value="0" onchange="picLink(this)"/>图片连接
    <input name="name" size="30"/>
    <input type="file" size="30" name="pic">
    <input type="submit" name="submit" value='提交'>
    </form>
      

  5.   


    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml" >
    <head>
        <title>CSDN-chb89888404</title>
    </head>
    <script type="text/javascript">
         function selectLinkType(obj){
                    if(obj.value=="1" && obj.checked){
                        document.getElementById("name").style.display="";//建议使用id好点
                        document.getElementById("pic").style.display="none";
                    }
                    else if(obj.value=="0" && obj.checked){
                       
                        document.getElementById("name").style.display="none";//建议使用id好点
                        document.getElementById("pic").style.display="";
                    }
         }
    </script>
    <body>
    <form action="" method="post">
    URL<input type="text" name="url"/>
    <input name="linkType" type="radio" value="1" checked="checked" onclick="selectLinkType(this)"/>文字连接
    <input name="linkType" type="radio" value="0" onclick="selectLinkType(this)"/>图片连接
    <input id="name" size="30" name="name"/>
    <input type="file" size="30" id="pic" name="pic" style="display:none;">
    <input type="submit" name="submit" value='提交'>
    </form>
    </body>
    </html>希望对你有用了!!!