I'm building html dynamically with Ajax.

This code generates my table:

$(".row-info").append(`
    <div class="items_container ${value}" id="${value}">
        <div class="col-md-2 item_ref">${value}</div>
        <div class="col-md-6 item_description">${response[0].nombre}</div>
        <div class="col-md-3"><input type="number" class="form-control" value="1" style="width: 100%; text-align:center" /></div>
        <div class="col-md-1"><i class="fas fa-trash-alt fa-2x text-danger remove_line" style="cursor:pointer;"></i></div>
    </div>
`);

$(".remove_line").on("click", function () {
    $(".items_container." + value).remove();
    $("." + value).click();
});

This image it's result for my table created dynamically. I have a red trash image that if clicked it removes a line from the table.

I need to do that when I click remove checkbox checked, but when I clicked in this checkbox, change message.

I tried with: $('.'+value).click(); but my problem is that duplicate my entry in my table, always I can show my item selected. My message change, because detect when it's checked or not. But never remove my table line.

I don't know if have better solution to do this. And solve my problem.

Resume: when i click in checkbox "OFERTA" in left window, create iframe in right. When i check one checkbox in Iframes right I need create table resume in bottom.

Thanks for reading and sorry for my english.