zoukankan html css js c++ java

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=" 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>

查看全文

相关阅读:
04-增删改查
 03-编写dao实现类方式
 02-基于注解的入门案例
 .net core api 图片上传与加载
 笔记一、数据库初始化约定
 .net core MVC中级教程（四）
.net core MVC中级教程（三）
Windows 盘符映射
 c# 队列和堆栈
 isValidNode

原文地址：https://www.cnblogs.com/daomul/p/2724866.html

javascript+html 实现隐藏 显示

javascript+html 实现隐藏显示