1 <td>
2
3 <input type="radio" id="rbtAll" name="radioType" value="上传文件夹" checked="checked" onclick="checking1()" />上传文件夹
4
5
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>
