多行 <td><input value=""/></td> 的值

csdnguo

于 2016-01-05 10:40:35 发布

阅读量782

点赞数

CC 4.0 BY-SA版权

本文链接：https://blog.youkuaiyun.com/csdnguo/article/details/50460710

本文介绍了一种从表格中获取费用类型、费用维度及有效状态的方法，并通过JavaScript实现对这些数据的处理与存储。具体步骤包括：遍历表格行、获取单元格中的数据并将其存储到对应的数组中。

   		   var feeTypeNameArr = [];//费用类型(一级分类)
 		   var feeMaintainNameArr = [];//费用维度（二级分类）
 		   var isValidArr=[];//是否生效
		   var tr=document.getElementsByName('tr2'); //得到多少行
		   var isvalidVal = document.getElementsByName("isvalid");
		   for(var i=0;i<tr.length;i++){
		   		var tds = tr[i].cells;
		        feeTypeNameArr.push(tds[3].firstChild.value);
		        feeMaintainNameArr.push(tds[4].firstChild.value);
		        if(isvalidVal[i].checked){
		        	isValidArr.push(tds[5].firstChild.value="1");
		        }else{
		        	isValidArr.push(tds[5].firstChild.value="2");
		        }
    		}

<img src="https://img-blog.youkuaiyun.com/20160105103922406?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQv/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/Center" alt="" />