如何从表中的文本框中获取值并使用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