如何在javascript中添加选定单元格行上的数据？

我正在做一个基于PHP的网络POS。有两张桌子；第一个表的目的是从数据库的搜索框中获取产品。如果产品可用，我将标记复选框，单击“回车”按钮并将其传输到第二个表。我会观看如何从另一个表传输行数据的教程，但我的问题是我只能传输第一个表中的行，并且我想在单元格上添加另一个数据，因为它缺少信息

我将添加我所做工作的图片。

功能选项卡1到选项卡2（）
{
var table1=document.getElementById（“table1”），
table2=document.getElementById（“table2”），
复选框=document.getElementsByName（“tab1”）；
console.log（“Val1=“+checkbox.length”）；
对于（变量i=0；i

---

我希望在我从第一个表中转移行之后，“数量”、“小计”和“操作”列将被填充。

有很多方法。你也可以这样做

函数添加（）{
$（'input:checked[name=actionBox]'）。每个（函数（）{
var product=$（this.attr（'data-product'）；
var价格=$（this.attr（'data-price'）；
美元（“#账单”）。追加（“+产品+”+价格+”）；
});
}

项目
价格
行动
样本产品1
200
样本产品1
200


进入



描述
价格

明白了，它在工作。我的一位导师建议我，只要单击表行并自动将其转移到第二个表中，效果会更好。我可以用这个代码代替复选框吗<代码>$（“tr.table”）。单击（function（）{var tableData=$（this）.children（“td”）.map（function（）{return$（this）.tex t（）；}）.get（）。我还需要填写相当于数量*价格的数量和小计。我尝试过这段代码，但控制台显示为未填充的添加。我只尝试了代码片段。我认为可以。是的，我在控制台上尝试过。当函数加载到控制台并调用该函数时，它正在工作。

function tab1_to_tab2()
{
    var table1 = document.getElementById("table1"),
        table2 = document.getElementById("table2"),
        checkboxes = document.getElementsByName("tab1");
        console.log("Val1 = " + checkboxes.length);
        for(var i = 0; i < checkboxes.length; i++)
            if (checkboxes[i].checked) {
                var newRow = table2.insertRow(table2.length),
                    cell1 = newRow.insertCell(0),
                    cell2 = newRow.insertCell(1),
                    cell3 = newRow.insertCell(2),
                    cell4 = newRow.insertCell(3);

                    cell1.innerHTML = table1.rows[i+1].cells[0].innerHTML;
                    cell2.innerHTML = table1.rows[i+1].cells[1].innerHTML;
                    cell3.innerHTML = table1.rows[i+1].cells[2].innerHTML;
                    cell4.innerHTML = table1.rows[i+1].cells[3].innerHTML;

                    console.log(checkboxes.length);
            }
}