javascript+html 实现隐藏 显示

<td>
         &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
          <input type="radio" id="rbtAll" name="radioType" value="上传文件夹" checked="checked" onclick="checking1()" />上传文件夹    
        
          &nbsp;  &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
          <input type="radio" id="rbtOne" name="radioType" value="上传单个文件" onclick="checking2()" />上传单个文件   
        </td>

 

function checking1() {
                if ($("rbtAll").checked) {
                    document.getElementById('All').style.display = document.getElementById('All').style.display == 'none' ? '' : 'none';
                    if ($("rbtOne").checked != true) {
                       document.getElementById('One').style.display = document.getElementById('One').style.display == 'none' ? '' : 'none'; return false;
                   
                   }
                }
           }
           function checking2() {
               if ($("rbtOne").checked) {
                   document.getElementById('One').style.display = document.getElementById('One').style.display == 'none' ? '' : 'none';
                   if ($("rbtAll").checked != true) {
                       document.getElementById('All').style.display = document.getElementById('All').style.display == 'none' ? '' : 'none'; return false;                      
                   }
               }
           }

<tr id="All">
        <td align=right width=65px>上传文件夹:</td>
        <td>
            <input type="file" id="importFile" onclick="upload()"/>
            <input type="button" onclick="upload()"/>

            <!--<input type="radio" id="rbtOk" name="radioType"  value="上传文件" checked="checked" onclick="document.getElementById('One').style.display=document.getElementById('One').style.display=='none'?'':'none';return false;"/>上传文件
            <input type="radio" id="rbtNot" name="radioType" value="上传整个文件夹"/> 上传整个文件夹-->
        </td>
    </tr> 

    <tr id="One">
        <td align="right">上传文件:</td>
        <td colspan="3">
            <!--隐藏的iframe来接受表单提交的信息-->
            <iframe name="ajaxifr" style="display: none;"></iframe>
            <!--这里设置target="ajaxifr"，这样表单就提交到iframe里面了，和平时未设置target属性时默认提交到当前页面
             <!--注意一点的是使用iframe时在提交到的页面可以直接输出js来操作父页面的信息，一般的ajax提交文本信息时你需要返回信息，如果是js信息你还得eval下,action代表浏览者输入的数据被传送到的地方-->
            <form method="post" id="upForm" enctype="multipart/form-data" action="http://www.cnblogs.com/include/Handler.ashx" target="ajaxifr" onsubmit="true">
            <!--Enctype 属性指定将数据回发到服务器时浏览器使用的编码类型-->
            <input name="sPath" id="sPath" type="hidden" />
            <div id="FileCollection"><input type="file" name="File" class="txtbox" runat="server" id="FileName" style="width: 400px" onchange="splitfilename(this.value)" /><font color="red">*</font></div>
            </form>
        </td>     
        </tr>

 

//如果想一开始就隐藏，可以把它在html的最后面
<script type="text/javascript">
    checking();
    function checking() {
            document.getElementById('One').style.display = document.getElementById('One').style.display == 'none' ? '' : 'none'; return false;
    }
    </script>