Tenho 2 tabelas (tab1 e tab2) a tab1 possui 'inputs' pra cadastrar informações. A tab2 retorna produtos já cadastrados na base de dados. Gostaria de criar uma função que ao selecionar a linha(checkbox) o valor da "td" "valproduto" fosse enviada para a primeira linha da tab1 no campo "valprod". Estou usando um exemplo de outra pergunta([De uma tabela para outra tabela html][1]) porém neste exemplo a tab1 recebe todo o valor da "tr". <!-- begin snippet: js hide: false console: true --> <!-- language: lang-js --> var adicionar = document.querySelectorAll("input[type='checkbox']"); var tab1 = document.querySelector("#tab1 tbody"); var tab2 = document.querySelector("#tab2 tbody"); var adicionarOnClick = function () { var escopo = this.checked ? tab1 : tab2; escopo.appendChild(this.parentNode.parentNode); }; for (var indice in adicionar) { adicionar[indice].onclick = adicionarOnClick; } //--------------------------- (function ($) { RemoveTablePRow = function (handler) { var tr = $(handler).closest('tr'); tr.fadeOut(200, function () { tr.remove(); }); return false; }; })(jQuery); (function ($) { AddTablePRow = function () { var newRow = $("<tr>"); var cols = ""; cols += '<td><a href="#">+</a><input type="text" name="valprod" value="0"></td>'; cols += '<td><input type="text" name="prcvenda" value=""></td>'; cols += '<td <a href="#" class="removerCampo" onclick="RemoveTablePRow(this)">Remover Linha</a></td>'; newRow.append(cols); $("#tab1").append(newRow); return false; }; })(jQuery); <!-- language: lang-html --> <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <h1> Tabela 1 </h1> <a onclick="AddTablePRow()" href="#">Adicionar</a> <form method="post"> <table id="tab1" nome="tab1"> <thead> <tr> <th>Valor do Produto</th> <th>Preço de Venda</th> </tr> </thead> <tbody> <tr> <td><a href="#">+</a> <input type="text" name="valprod" value="50"> </td> <td> <input type="text" name="prcvenda" value=""> </td> <td> <a href="#" onclick="RemoveTablePRow(this)">Remover Linha</a> </td> </tr> </tbody> </table> <hr> <h1> Tabela 2 </h1> <table id="tab2" nome="tab2"> <thead> <tr> <th>Selecionar</th> <th>Codigo</th> <th>Descrição</th> <th>Valor</th> </tr> </thead> <tbody> <tr> <td> <input type="checkbox"> </td> <td><a href="#">001</a></td> <td>Caneta</td> <td>23,00</td> </tr> </tbody> </table> <button class="btn_enviar">Enviar</button> </form> <!-- end snippet --> [1]: https://pt.stackoverflow.com/questions/57297/de-uma-tabela-para-outra-tabela-html?rq=1