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