javascript - 如何通过Javascript获取输入字段的值？

Question

我有一个动态表，每行都有输入字段。我想通过 Javascript 获取用户输入的值。我能够获取输入字段“数量”的 HTML 代码，但不能获取值。

这是javascript代码的一部分:

var table = document.getElementById("mactable");
var row_count = table.getElementsByTagName("tr").length;
var grand_total = document.getElementById("grand_total");
var grand_price = 0.00;
for (var i = 1, row; row = table.rows[i]; i++) 
{
    var price = row.cells[4].innerHTML;
    var quantity = row.cells[2].innerHTML;
    alert(quantity);
    if(isNumber(price))
    {
        var num = parseFloat(price);
        grand_price = grand_price + num;
    }
}

知道怎么做吗？

Answer 1

您可以找到内部 input 元素，然后读取其 value 属性，而不是读取表格单元格 innerHTML:

var quantity = Number(row.cells[2].querySelector('input').value);

这里的 row.cells[2] 是一个 td 元素。使用 querySelector('input')你可以找到第一个 child 输入。

另请注意，由于该字段的值是一个字符串，您可能希望将其转换为数字，例如使用 Number 函数。