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

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

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

此处row.cells[2]是td元素。使用querySelector('input')，您可以找到第一个孩子输入。

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

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

1 个答案: