javascript - 添加带有输入文本框和不带有输入文本框的表格列单元格

Question

我使用以下 JavaScript 函数在表中添加列的值:

function sumOfColumns(tableID, columnIndex, hasHeader) {
    var tot = 0;
    $("#" + tableID + " tr" + (hasHeader ? ":gt(0)" : ""))
    .children("td:nth-child(" + columnIndex + ")")
    .each(function() {
        tot += $(this).html();
    });
    return tot;
}

我想修改它，以便它不仅添加单元格中的数字，还包括单元格中文本框的值。单元格可以有一个数字，也可以有一个带有数字的文本框。

以下单元格加起来应为 2115:

<table>
<tr><td>100</td></tr>
<tr><td><input type="text" value="5" /></td></tr>
<tr><td>10</td></tr>
<tr><td><input type="text" value="2000" /></td></tr>
</table>

我怎样才能最有效地做到这一点？感谢您的投入!

Answer 1

你可以这样做:

function sumOfColumns(tableID, columnIndex, hasHeader) {
    var tot = 0;
    $("#" + tableID + " tr" + (hasHeader ? ":gt(0)" : ""))
    .children("td:nth-child(" + columnIndex + ")")
    .each(function() {
        tot += parseFloat($(this).text() || $('input:text', this).val());
    });
    return tot;
}

我替换了 parseFloat()，因为您没有包含 fNum(text, bool) 函数。

演示在这里:http://jsfiddle.net/JamesKovacs/hvBHq/