如何从表中的文本框中获取值并使用javascript更新它

如何从表中的文本框中获取值并使用javascript更新它,javascript,dom,html-table,Javascript,Dom,Html Table,函数m(){ var tb=document.getElementById(“w”); var len=tb.rows.length; var b=[]; 对于(var i=1;i您正试图访问表格单元格上的.value。您需要访问表格单元格内的输入字段 您需要使用.querySelector('input').value而不仅仅是.value b[ i ] = parseInt( tb.rows[ i ].cells[ 4 ].querySelector('input').value ) * p


函数m(){
var tb=document.getElementById(“w”);
var len=tb.rows.length;
var b=[];

对于(var i=1;i您正试图访问表格单元格上的
.value
。您需要访问表格单元格内的
输入
字段

您需要使用
.querySelector('input').value
而不仅仅是
.value

b[ i ] = parseInt( tb.rows[ i ].cells[ 4 ].querySelector('input').value ) * parseInt( tb.rows[ i ].cells[ 5 ].querySelector('input').value );
不过,我真的建议使用jQuery。它会让生活变得更轻松!即使对于最优秀的开发人员来说,普通Javascript也很难使用和维护。

function m(){
function m(){
  var tb=document.getElementById("w");
    var len=tb.rows.length;
    var b=[];
    for(var i=1;i<len;i++) {
      var qty = tb.rows[i].cells[4].querySelector('input').value,
          price =  tb.rows[i].cells[5].querySelector('input').value;
      console.log(qty);
      if(qty != "" && price != "") {
        b[i]=parseInt(qty)*parseInt(price);
      } else {
        b[i] = "None";
      }
      tb.rows[i].cells[6].innerHTML=b[i];
    }
  }
var tb=document.getElementById(“w”); var len=tb.rows.length; var b=[]; 对于(var i=1;i请检查以下内容:

在字段中填写值,然后点击
单击我!
按钮。如果不这样做,您将得到NaN。
玩得开心!!

你能编辑代码让我找到正确的代码吗?这样就很容易理解了。如果你打算使用十进制价格(例如3.50),也可以对现有代码进行快速修改,您需要使用
parseFloat
而不是
parseInt
;如果使用
parseInt
,它将对值进行四舍五入。它在linetotal中显示一个Nan?如何将其更改为零?@james