<tr><th   class="jcjh1"  ><input id="selectradio" type="radio" name="rec" value="0" onclick="showSelectSpot()" checked="checked">选择<input id="textradio"   type="radio" name="rec" value="1" onclick="showTextSpot()">输入地点名称</th><td  id="jcddselect"><input type="hidden" id="spotName1"  name="danger.spotName"  value="${danger.spotName}"/><select id="spotSelect" onchange="showdynamicSpot()"><option value="">请选择</option><s:iterator value="spots" var = "item"> <option value="<s:property value="#item.jcddmc"/>"><s:property value="#item.jcddmc"/></option></s:iterator> </select></td><td id="jcddtext" class="jcjh"  style="display: none;"><input type="text" id="spotName2"  name="danger.spotName"  value="${danger.spotName}"/></td><th   class="jcjh1"  >动态地点</th><td><input id="dynamicSpot" type="text" class="search_ipt easyui-validatebox " value="${danger.dynamicSpot }" name="danger.dynamicSpot" data-options="required:true"/> </td></tr>

使用JQuer的Id选择器:

function showSelectSpot(){$("#jcddtext").css('display','none');$("#jcddselect").css('display','block');}
function showTextSpot(){$("#jcddtext").css('display','block');$("#jcddselect").css('display','none');}
if("${spots}"!=null && "${spots}"=="[]"){ //根据参数的状态对input标签进行显示设置 JQuery类型选择器$("input[type='radio'][value='0']").attr("disabled",true);$("input[type='radio'][value='0']").attr("checked",false);$("input[type='radio'][value='1']").attr("checked",true);showTextSpot();}
if("${danger.spotName}"){getSpotName("${danger.spotName}");}

 

关于附件的下载:

1.

              <tr><th class="jcjh1">复查附件:</th><td data-name="${danger.recheckFileNum}" data-file="${danger.recheckFilePath}"onclick="downFile(this)"  style="color:rgb(27, 192, 244);cursor:pointer;">${danger.recheckFileNum }</td></tr>

function downFile(tag){var path = null;var filename=null;if($("#audioFilePath").val!=null){filename =$(tag).data("name");path=$(tag).data("file");} if(path == ""){$.messager.alert('系统提示', '文件路径不存在 ', 'info');return;}$("#downloadfile").val(path);$("#downloadname").val(filename);$("#downfrm").submit();   }

<script type="text/javascript" src="<%=basePath %>/resources/scripts/frameworks/jquery-1.8.0.min.js"></script>
<script type="text/javascript" src="<%=basePath %>/resources/scripts/jquery.crs/jquery.crs.utils.js"></script>
<link rel="stylesheet" type="text/css" href="<%=basePath %>/resources/styles/crs-default.css"  />
<link rel="stylesheet" type="text/css" href="<%=basePath %>/resources/scripts/frameworks/jquery.easyui.1.3.2/themes/icon.css"  />
<link rel="stylesheet" type="text/css" href="<%=basePath %>/resources/scripts/frameworks/jquery.easyui.1.3.2/themes/default/easyui.css"/>
<script type="text/javascript" src="<%=basePath %>/resources/scripts/frameworks/jquery.easyui.1.3.2/jquery.easyui.min.js"></script>
<script type="text/javascript" src="<%=basePath %>/resources/scripts/jquery.crs/jquery.easyui.validaterules.js"></script>
<script type="text/javascript" src="<%=basePath %>/resources/scripts/frameworks/jquery.easyui.1.3.2/locale/easyui-lang-zh_CN.js"></script>

2.

               <tr><th  width="20%" class="jcjh1"  align="center">复查附件</th><td class="jcjh"><div style="width:315px;height:25px; position: relative;display:inline-block;" ><input type="text" id="paperFile" name="danger.recheckFileNum" value="" readonly="readonly" class="crs-upload-name easyui-validatebox" style="width: 290px;padding-right: 26px; height:23px" /><input type="hidden" id="audioFilePath" name="danger.recheckFilePath" value="${danger.recheckFilePath}" class="crs-upload-path"/><span id="paperUploader"  class="crs-ile-uploader" style="position: absolute;" title="上传文件"></span></div>                    //下载<input id="downloadBtn" type="button" onclick="downFile()" class="crs-ep-down" style="position:relative;left:12px;padding-left: 70px;top: -3px;" /></td></tr>

/* 下载复查附件 */function downFile(){var path = null;var filename=null;if($("#audioFilePath").val!=null){path = $("#audioFilePath").val();filename=$("#paperFile").val();} if(path == "" ||path == null){$.messager.alert('系统提示', '文件路径不存在 ', 'info');return;}$("#downloadfile").val(path);$("#downloadname").val(filename);$("#downfrm").submit();   }

地址验证可以使用如下方法验证:

  if(!path){$.messager.alert('系统提示', '文件路径不存在 ', 'info');return;}

上传

$("#paperUploader").kyuploadify({width:30,height:23,formData:{"pair.clsid":"danger","pair.ajax":true},fileTypeDesc:"复查附件",fileTypeExts: '*.doc;*.docx;*.xls;*.xlsx;*.pdf',onUploadSuccess:function(file,data){$.crs.result(data,function(ret){$("#paperFile").val(file.name);$("#audioFilePath").val(ret.attributes["path"]);},function(){$.messager.alert("系统消息","上传文件失败!","error");})},onUploadError:function(file){}});

<form id="downfrm" action="file!download.action" method="post"><input id="downloadname" type="hidden" name="pair.filename"/><input id="downloadfile" type="hidden" name="pair.path" />
</form>

<link rel="stylesheet" href="styles/common/css/bootstrap.min.css" type="text/css" />
<link href="styles/common/css/blue.css" type="text/css" rel="stylesheet"/>
<link href="styles/css/blue.css" type="text/css" rel="stylesheet" />
<link rel="stylesheet" type="text/css" href="resources/scripts/frameworks/jquery.easyui.1.3.2/themes/icon.css"  />
<link href="resources/scripts/jquery.crs/uploadify.css" type="text/css" rel="stylesheet"></link>
<script type="text/javascript" src="scripts/jquery.crs/jquery.crs.kyform.js"></script>
<script type="text/javascript" src="resources/scripts/frameworks/jquery.uploadify.3.2.1/jquery.uploadify.min.js"></script>
<script type="text/javascript" src="resources/scripts/jquery.crs/jquery.crs.kyuploadify.js"></script>

转载于:https://www.cnblogs.com/flytogalaxy/p/7889686.html

关于JS获取标签中的的方法及上传下载相关推荐

  1. java ftp ftpclient_详解JAVA中使用FTPClient工具类上传下载

    详解JAVA中使用FTPClient工具类上传下载 在Java程序中,经常需要和FTP打交道,比如向FTP服务器上传文件.下载文件.本文简单介绍如何利用jakarta commons中的FTPClie ...

  2. 使用PDH性能计数器(Windows)获取CPU使用率、可用物理内存、上传/下载速率、磁盘读写速率

    最近要写一个windows下的监控客户端,需要收集计算机的一些信息. 其中CPU使用率.可用物理内存(用于计算内存使用率).上传/下载速率.磁盘读写速率,都需要实时的.各种资料查询之后,决定使用pdh ...

  3. JAVA中使用FTPClient实现文件上传下载

    在JAVA程序中,经常需要和FTP打交道,比如向FTP服务器上传文件.下载文件,本文简单介绍如何利用jakarta commons中的FTPClient(在commons-net包中)实现上传下载文件 ...

  4. js 复制 标签中的内容 方法

    <span id='id'>hello world</span><input type='button' onClick='copy("id")' v ...

  5. js 获取input type=file 文件,并且上传

    html页面: <input type="file" class="inputPic" allowexts="gif,jpeg,jpg,png, ...

  6. mac 下配置连接Linux服务器方法,上传下载文件操作

    1.先按照文档在本地生成SSHkey 2.mac输入 sudo -i 进入超级管理员#模式下,然后 创建用户 #useradd XXXadmin #passwd XXXadmin XXXadmin用户 ...

  7. JS 获取标签属性值的方法

    1.取值 方法一 自定义属性必须用getAttribute()方法 var iframeSrcAttr = document.getElementById("importJsp") ...

  8. JS--------文件操作基本方法:上传/下载

    /*** 上传文件* @param {any} files 文件* @param {any} data 数据* @returns [true,文件路径]* @returns [false,异常/错误消 ...

  9. html获取url参数值,js获取url中参数值的两种方法

    本节主要内容: js获取url中参数值. 方法1:正则分析法 复制代码 代码示例: function getQueryString(name) { var reg = new RegExp(" ...

  10. 报表中如何控制附件的上传和下载权限

    目前,多用户的软件平台已经是再常见不过的了,有成千上万个用户账号的平台也很正常.为了保证每个用户准确访问各自的信息,免不了要做这样或那样的权限控制,而且这种权限控制往往是需要基于数据层面进行管理的. ...

最新文章

  1. 精心分享7个小巧却强大的电脑端小软件,让人大开眼界!
  2. Modelsim仿真如何查看内部信号
  3. timer定时器_拾遗Timer定时器
  4. 产品经理应该mysql_数据库对产品经理的重要性
  5. 线程:信号量 sem_wait sem_post
  6. 自然语言处理项目之新闻主题分类Python实现
  7. archman linux教程,Archman GNU/Linux 2020-01 发布,基于Arch的Xfce桌面发行版
  8. 帮助小姐姐破解加密压缩包(一)——暴力破解字典生成
  9. SVM多分类器算法-一对多
  10. 红山区智慧城管系统正式上线运行
  11. 【180630】VC++画面炫丽的2D 太空射击游戏源码
  12. 华为全连MGRE与星型拓扑MGRE(全网状与非全网状)
  13. 简单电脑版微信双开方法多开bat分身代码教程
  14. BLAM的安装与使用
  15. 基于SVG的鼠标动态绘制矩形和动态放置图片
  16. 6种穷人思维必须警惕
  17. error怎么开机 fan_笔记本开机显示fan error怎么解决?
  18. Linux: 磁盘与文件系统管理
  19. 通过ssh工具,使PC远程连接机载电脑
  20. HashMap扩容为什么是2的倍数

热门文章

  1. 计算机网络负载均衡图片,负载均衡计算机网络课程网.ppt
  2. 9.1.3 .net framework通过业务逻辑层自动生成WebApi的做法
  3. 01.使用File类读写文件
  4. 使用drawBitmapMesh扭曲图像
  5. GitHub上IOS开源项目
  6. android:视频录制编写代码一直报非法状态错误,很多时候定位在setVideoEncoder和setAudioEncoder...
  7. 【Android】proguard混淆代码
  8. [转]瀑布流布局浅析
  9. 宝刀不老: Cookie (转)
  10. C# .Net中的类型转换(5)