Ajax com html

Front-end
#1

A minha ideia e na mesma página web, clicar em checkbox que fica dentro de uma lista, escolhendo um item da lista e apresentar nos campos do formulário. Para poder editar o item da lista que escolhi. Na mesma página.

$(document).ready(function (){
        $.ajax({
            url:'http://localhost:8080/api/receita/listar',
            type:'get',
            dataType: 'json',
            success: function(result){
                var html = '';
                $.each(result, function (i, data){
                    html += '<tr><td>' + data.id +'</td>';
                    html += '<td>' + data.nome_receita +'</td>';
                    html += '<td><p>R$</p> ' + data.valor_receita +'</td>';
                    html += '<td>'+  data.descricao_receita +'</td></tr>';


                    $("#tabela_listar_receita_tbody").html(html);
                });
            }
        })
    });

No caso deveria fazer esse checkbox pelo js ?