克隆/附加 HTML 表格行复选框更改源复选框

Question

首先我只想说我是 Javascript 和一般编程的新手所以你的答案必须是针对没有经验的人。谢谢。

我有两个 HTML 表，左边是源表，右边是目标表。 我正在使用 javascript 将表行从源克隆/附加到目标，这非常有效。 该行有四个复选框，将行附加到目标后，复选框将更改源表中对应位置的复选框。

EX：如果我单击目标表中第三行的复选框，则源表中第三行的复选框会发生变化，这完全是另一行信息。我使用的 javascript 在附加目标表时从源中删除了行。我尝试了不同的脚本来克隆和附加表行，但结果相同。 这个结果正常吗？我该如何解决？如果无法更正此结果，是否有办法禁用目标表中的克隆复选框并保留源复选框的功能？

这是我用来克隆/附加行的脚本。正如我所说，我尝试了许多不同的脚本，但得到了相同的结果。

#equipTable button::after {content: "Select"}
#rentTable button::after {content: "Remove"}  


const moveTR = (ev) => {
  const EL_tr = ev.currentTarget.closest("tr");
  const sel = EL_tr.closest("table").id === "equipTable" ? "#rentTable" : "#equipTable";
  document.querySelector(sel + " tbody").append(EL_tr);
  sortTable1();
  sortTable2();
};

document.querySelectorAll("table button")
  .forEach(EL => EL.addEventListener("click", moveTR));