我如何知道动态表的每个单元格中有多少输入?

时间:2019-04-25 19:01:51

标签: javascript html html-table

我创建了一个动态javascript表,每次按下按钮时都会在其中添加一行,现在我有了一个按钮,该按钮可将其他输入字段添加到最后一行的某些列中。

无论如何,我需要知道在每个行中添加了多少输入,以便对各个输入进行一些计算并将结果放在每行的最后一列中。

因此,我不知道如何为每个新iput分配一个“ id”,以便可以理解它是哪一行以及哪个输入(第一,第二个?),以便以后可以引用此输入。 ..

到目前为止,我管理的工作是为所有输入分配一个类,并计算整个表中有多少输入并分别分配ID(1、2 ..)。 但这让我不满意,因为如果它是另一行,我希望重新开始计数。 抱歉,我对此很陌生。

function addROW ()

{
var T = document.getElementById ('tbl');
var ro = T.insertRow (-1);
for (var j = 0, J = T.rows [0].cells.length; j < J; j++)
   {
   var inp = document.createElement ('input');
   inp.id = inp.value = 'n' + (T.rows.length - 1) +'_' + j+'_'+'1';
   var ce = ro.insertCell (-1);
   ce.appendChild (inp);
   }
}


function addINPUT ()
{  
   var T = document.getElementById ('tbl');
   x = T.rows.length-1;

   var ro = T.insertRow (-1);
   for (var j = 0, J = T.rows [0].cells.length; j < J; j++)
   {
   var inp = document.createElement ('input');
   var ce = ro.insertCell (-1);
   ce.appendChild (inp);
   }

   T.rows[x].cells[2].innerHTML = T.rows[x].cells[2].innerHTML + T.rows[x+1].cells[2].innerHTML;
   T.rows[x].cells[3].innerHTML = T.rows[x].cells[3].innerHTML + T.rows[x+1].cells[3].innerHTML;
   T.rows[x].cells[4].innerHTML = T.rows[x].cells[4].innerHTML + T.rows[x+1].cells[4].innerHTML;
   T.deleteRow(x+1);

}

0 个答案:

没有答案