javascript+html 实现隐藏 显示

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

 

 1 function checking1() {
 2                 if ($("rbtAll").checked) {
 3                     document.getElementById('All').style.display = document.getElementById('All').style.display == 'none' ? '' : 'none';
 4                     if ($("rbtOne").checked != true) {
 5                        document.getElementById('One').style.display = document.getElementById('One').style.display == 'none' ? '' : 'none'; return false;
 6                    
 7                    }
 8                 }
 9            }
10            function checking2() {
11                if ($("rbtOne").checked) {
12                    document.getElementById('One').style.display = document.getElementById('One').style.display == 'none' ? '' : 'none';
13                    if ($("rbtAll").checked != true) {
14                        document.getElementById('All').style.display = document.getElementById('All').style.display == 'none' ? '' : 'none'; return false;                      
15                    }
16                }
17            }
 1 <tr id="All">
 2         <td align=right width=65px>上传文件夹:</td>
 3         <td>
 4             <input type="file" id="importFile" onclick="upload()"/>
 5             <input type="button" onclick="upload()"/>
 6 
 7             <!--<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;"/>上传文件
 8             <input type="radio" id="rbtNot" name="radioType" value="上传整个文件夹"/> 上传整个文件夹-->
 9         </td>
10     </tr> 
11 
12     <tr id="One">
13         <td align="right">上传文件:</td>
14         <td colspan="3">
15             <!--隐藏的iframe来接受表单提交的信息-->
16             <iframe name="ajaxifr" style="display: none;"></iframe>
17             <!--这里设置target="ajaxifr",这样表单就提交到iframe里面了,和平时未设置target属性时默认提交到当前页面
18              <!--注意一点的是使用iframe时在提交到的页面可以直接输出js来操作父页面的信息,一般的ajax提交文本信息时你需要返回信息,如果是js信息你还得eval下,action代表浏览者输入的数据被传送到的地方-->
19             <form method="post" id="upForm" enctype="multipart/form-data" action="http://www.cnblogs.com/include/Handler.ashx" target="ajaxifr" onsubmit="true">
20             <!--Enctype 属性指定将数据回发到服务器时浏览器使用的编码类型-->
21             <input name="sPath" id="sPath" type="hidden" />
22             <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>
23             </form>
24         </td>     
25         </tr>

 

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

 

posted @ 2012-10-15 18:25  daomul  阅读(1646)  评论(0编辑  收藏  举报