数据表保存手动输入的值

Question

我有一个数据表。它有2列。第一列显示db的加载值。第二列有一个文本框，用于保存手动输入的数据。

{ //Document type  //4
    "mDataProp": null,
    render: function(data, type, row) {
        return "<input type='textbox' id='reconAmount" + reconJrnlId + "' value='" + data.amount + "' class='form-control'  readonly/>";
    }
},

{//remarks //7
    "mDataProp": null,
    "defaultContent": "",
    render: function (data, type, row, i) {
        var reconJrnlId = (data.jrnlItemId).toString();
        return "<input type='textbox' name='remarks' id='reconRemarks" + reconJrnlId + "' value=' ' class='form-control'/>";
    }
}

第三列带有复选框。单击复选框后，代码将添加到该类中：

row.addClass('selectedrecon');

当我单击“保存”按钮以检索选定的记录时，下面将检索所有选定的行。但是带有手动数据的备注列为空！我无法将手动输入的备注数据保存在所选行中。为什么呢？

$.map(table.rows('.selectedrecon').data(), function (item) {
    console.log('----------------->',item);
}