從html表格單元格內的文本框中讀取值

Question

我使用for循環將數據追加到表中：

for (var i = 0; i < data.length; i++) {
    date = data[i].inv_Date;
    invDate = date.substring(0, 10);
    billNo = data[i].Bill_No;
    netAmt = parseFloat(data[i].Net_Amt).toFixed(2);
    paidAmt = parseFloat(data[i].Paid_Amt).toFixed(2);
    balance = (parseFloat(netAmt) - parseFloat(paidAmt)).toFixed(2); //id = "damt['+i+']"
    $("#invoiceDetailTbl tbody").append("<tr id=" + i + ">" + "<td>" + invDate + "</td>" + "<td>" + billNo + "</td>" + "<td>" + netAmt + "</td>" + "<td>" + paidAmt + "</td>" + "<td>" + '<input type="text" class="discountAmt form-control input-sm" style="width: 100px;" placeholder="Discount Amt" id="damt" name="damt' + i + '">' + "</td>" + "<td>" + '<input type="text" class="payingAmt form-control input-sm" style="width: 100px;" placeholder="Paying Amt" id="pamt">' + "</td>" + "<td>" + balance + "</td>" + "<td>" + '<span class="glyphicon glyphicon-trash"></span>' + "</td>" + "</tr>");
    totalAmt = totalAmt + parseFloat(netAmt);
    totalBalance = totalBalance + parseFloat(balance);
}

我正在使用以下方法讀取文本框的值：

for (var i = 0; i < tableRowCount; i++) {
    var rowDisAmt = table.rows.item(i + 1).cells[4].innerText;
}

但是我總是得到null值。 如何訪問html標記內的文本框值？

Answer 1

您可以使用此：

for (var i = 0; i < tableRowCount; i++) {
        var rowDisAmt = $(table.rows.item(i + 1).cells[4]).find('input').val();
}

Answer 2

您可以使用每個功能：

/*JQuery*/
$(".discountAmt).each(function( index ) {
  console.log( index + ": " + $( this ).val());
});

/*JAVASCRIPT */
var myclass = document.getElementsByClassName('discountAmt');
for (var i = 0; i < myclass.length; i++) {
    var item = myclass[i];  
    item.innerHTML = 'this is value';
}