添加NewCell时JavaScript和HTML传递ID值

时间:2017-12-13 17:13:24

标签: javascript html

我使用输入的ID来获取其总数,ID是名称" qty",这在我使用输入框时起作用。但是当我切换到表格时,通过javascript输入了哪些单元格。它不会起作用。 HI有三个问题

这是我的代码:

我的javascript:

 function addRow()
  {
    var table = document.getElementById("datatable"),
      newRow = table.insertRow(table.length),
      cell1 = newRow.insertCell(0),
      cell2 = newRow.insertCell(1),
      cell3 = newRow.insertCell(2),


      name = document.getElementById("form").value,
      amount = document.getElementById("amount").value;


      delete1 = delete1 = '<input type="button"  class="btn btn-danger" class="glyphicon glyphicon-trash"id="delete" value="Delete" onclick="deleteRow(this)">';
    cell1.innerHTML = name;
    cell2.innerHTML = amount;
    cell3.innerHTML = delete1;
  }

我的HTML:

<h2>Type in Nature of Collection...</h2>

<form>  
  <input class="form-control input-lg" id="form" list="languages" placeholder="Search" type="text" required>
  <br>
  <input class="form-control input-lg" id="amount" list="languages" placeholder="Amount" type="number" required>
  <br>
  <button onclick="addRow(); return false;">Add Item</button>
</form>

<h3><fieldset disabled>
  <label>Total </label>
  <input type = "text" name = "total" id="total"><br></p>
</fieldset></h3>

我有两个问题

如何为插入的每个单元格添加ID?正如你在我的javascript上看到的那样,我还没有添加id,但到目前为止我试过了。

var ID = 'qty'
cell2.id = newRow.ID

认为这会匹配我的TOTAL Javascript:

<script type="text/javascript">
 function findTotal(){
   var arr = document.getElementByName('qty');
   var tot=0;

   for(var i=0;i<arr.length;i++){
      if(parseInt(arr[i].value))
        tot += parseInt(arr[i].value);
   }
   document.getElementById('total').value = tot;
 }
</script>

将id设置为qty的每个金额添加到&#34; total&#34;输入球棒。

如何一次获取所有这些值的值?

谢谢!任何帮助表示赞赏!

0 个答案:

没有答案