主要是用
思路是给表格设置id,取 表格tr 的值

$('#'+d+"DataOptions" +" tr").each(function(i){var fieldName = $(this).find('td:eq(0)').attr("name");
}

需求是,点击右侧表格的操作按钮,把值叠加到左侧中

  //获取右侧当前数据项选中的列表// var  fieldParams = []var rightMap = new Map(); // 右侧点击map$('#'+recordId+"DataOptions" +" tr").each(function(i){var fieldName =$(this).find('td:eq(0)').attr("name");if(fieldName!=null &&fieldName!=undefined){var fieldValue =$(this).find('td:eq(1)').text()if(fieldValue == ''||fieldValue == null){fieldValue=0}}rightMap.set(fieldName,fieldValue);// fieldParams.push({[fieldName]:fieldValue});});//获取左侧的数据项选中的列表var leftMap = new Map();$("#ownTypeField tr").each(function(i){//var ch = $(this).find('td:eq(4) input').val();//取表格的第i行第四列的input标签的值var id =$(this).attr('id')if(id!=null &&id!=undefined){var value =$(this).find('td:eq(1) input').val()if(value == ''||value == null){value=0}leftMap.set(id,value);}});//最后上传的集合var updateMap = new Map();//修改左边的Map集合并for (var [key, value] of leftMap) {//左侧的值var leftValue = $("#"+key+"Input").val();//右侧的值var rightValue =  rightMap.get(key);if(leftValue<0){leftValue=0;}if(rightValue<0){rightValue=0;}var fianlValue = 0if(auditStatus==1){//1通过fianlValue =  parseInt(leftValue)+parseInt(rightValue);}else if(auditStatus== 2){//2.撤回fianlValue =  parseInt(leftValue)-parseInt(rightValue);}//赋值updateMap.set(key,fianlValue);$("#"+key+"Input").val(fianlValue);}/*** Map转json* @param m* @returns String*/function MapTOJson(m) {var str = '[';var i = 1;m.forEach(function (item, key, mapObj) {if(mapObj.size == i){str += '{"'+ key+'":"'+ item + '"}';}else{str += '{"'+ key+'":"'+ item + '"},';}i++;});str +=']';//console.log(str);return str;}

//拼接字符串

          var dataTable="<table border=\"0\" style=\"width: 100%;\">";dataTable+= "<td height=\"200\" >";dataTable+= "<table border=\"1\" style=\"width: 100%;height: 100%;\" >";//判断对象不为空if(ownRecord != null && ownRecord != undefined && ownRecord != '' && ownRecord.sendStatus===0) {//对象的属性不为空     if(ownRecord.workProgress!=null&&ownRecord.workProgress!=undefined&&ownRecord.workProgress!=''){dataTable+= ownRecord.workProgress}}//集合不为空          if(ownTypefieldlist!=null&&ownTypefieldlist.length>0&&ownTypefieldlist!=undefined&&ownTypefieldlist!=""){}//for循环 for (var i = 0; i < lowerSubordlist.length; i++) {var recordData = lowerSubordlist[i];}

js 动态获取表格中的值并修改其他表格+js 动态拼接字符串相关推荐

  1. js循环获取table中的值

    <script type="text/javascript">function getTdValue() {var tableId = document.getElem ...

  2. excel 单元格如何获取textbox中的值 java,把excel表格数据定义为文本框-excel中如何将单元格里的数值显示在文本框(textbox)里...

    excel中如何将单元格里的数值显示在文本框(textbox)里 sheets("Sheet2").range("b3")=textbox ---------- ...

  3. js——如何获取data-id中的值

    jquery var f1 = $(this).data('id'); var f2 = $(this).attr('data-id'); js document.getElementById('fu ...

  4. vue获取div中的值_vue获取内存中的值并写入

    发表评论 发表评论 第{{i+1}}楼  匿名用户  发表时间:{{item.id|dateFormat}} {{item.content}} 加载更多 export default{ data(){ ...

  5. html读取model的值,Js和Thymeleaf如何获取model中的值

    简述 在大多数的项目架构中,使用SPringBoot发布微服务,前端采用Thymeleaf做为Html模版,使用Jquery做为动态脚本,那么Thymeleaf和Jquery是如何获取Model中的数 ...

  6. JS中编写函数去除HTML标签,js函数获取html中className所在的内容并去除标签

    js函数获取html中className所在的内容并去除标签 复制代码 代码如下: function queryClass(classnames){ var classobj= new Array() ...

  7. Jquery获取列表中的值和input单选、多选框控制选中与取消

    一.Jquery获取列表中的值 1.jsp页面代码 <tbody><c:forEach var="model" items="${listRefEnti ...

  8. Thymeleaf-如何获取model中的值

    后台的实现: @RequestMapping("/adds") public String ProtaskAdd(Model model){model.addAttribute(& ...

  9. pandas获取dataframe中索引值最大值所在的数据行(get dataframe row of max index value)

    pandas获取dataframe中索引值最大值所在的数据行(get dataframe row of max index value) 目录 pandas获取dataframe中索引值最大值所在的数 ...

最新文章

  1. 2021年中国工业互联网安全大赛核能行业赛道writeup之hacker
  2. 影像组学视频学习笔记(27)-SimpleITK包介绍、Li‘s have a solution and plan.
  3. linux查询关键词上下行_【已解决】Linux下通过关键字模糊查找搜索文件
  4. iphone开机白苹果_摔过的iPhone,手机不开机、白苹果、听筒无声,多重问题一次搞定...
  5. 阿里P8架构师谈:高并发网站的监控系统选型、比较、核心监控指标
  6. vim编辑器的快捷键使用
  7. Dell笔记本降低Bios版本简单而可靠的方法(1.15亦成功降级)
  8. html5打开页面直接取纬度,html5获取不了经度和纬度
  9. 视网膜正常oct图_眼底OCT分层|图文并茂教你看
  10. 奖学金评审系统java_奖学金评定系统 - WEB源码|源代码 - 源码中国
  11. “囍”博物馆与Interesting 有点意思
  12. android https cer证书转换BKS
  13. isFinite方法详解
  14. Python3实现向指定邮箱发送邮件(支持附件文件、图片等)
  15. Python中文文本分句
  16. [Python从零到壹] 十五.文本挖掘之数据预处理、Jieba工具和文本聚类万字详解
  17. 【Android 音视频开发打怪升级:FFmpeg音视频编解码篇】一、FFmpeg so库编译
  18. oracle10.21数据库安装,安装并创建数据库【Oracle Database 10g】(三)
  19. 大数据行业现在工作很难找吗?
  20. WPS文字怎么插入背景音乐

热门文章

  1. c语言delay_利用C语言编程单片机,制作可以根据环境光照调整亮度的智能灯
  2. java 多线程同步_浅谈Java多线程(状态、同步等)
  3. mysql insert执行过程_MySQL · 源码分析 · 一条insert语句的执行过程
  4. Java黑皮书课后题第5章:*5.42(金融应用:求销售额)如下重写编程练习题5.39:①使用for循环替代do-while循环②允许用户自己输入COMMISSION_SOUGHT而非将它固定为常量
  5. 用dict读取和写入表格_用Python快速处理表格,让你快人一步两步三四部
  6. 程序员面试100题之三:不用+、-、×、÷数字运算符做加法
  7. HDOJ 1443 约瑟夫环的最新应用
  8. 7.1使用Request获取HTTP请求头
  9. Introduction to Cryto Crptocurrencies Lecture 1
  10. Software Engineering 265