生活随笔
收集整理的這篇文章主要介紹了
js 动态获取表格中的值并修改其他表格+js 动态拼接字符串
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
主要是用
思路是給表格設置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
];}
與50位技術專家面對面20年技術見證,附贈技術全景圖
總結
以上是生活随笔為你收集整理的js 动态获取表格中的值并修改其他表格+js 动态拼接字符串的全部內容,希望文章能夠幫你解決所遇到的問題。
如果覺得生活随笔網站內容還不錯,歡迎將生活随笔推薦給好友。