JSFiddle - React, Tailwind, and code Playground

by Harjuna Comsky

HTML

<table>
    <tr>
        <td>
            <input type="checkbox" name="test1" value=""></td>
        <td>
            Other Test1 value1
        </td>
        <td>
            Other Test1 value2
        </td>
    </tr>
    <tr>
        <td>
            <input type="checkbox" name="test2" value="">
        </td>
        <td>
            Other Test2 value1
        </td>
        <td>
            Other Test2 value2
        </td>
    </tr>
</table>
<div id="seleted-rows">

</div>

JavaScript

$(":checkbox").on("click", function(){
    if($(this).is(":checked")) {
        $(this).closest("td").siblings("td").each(function(){
          $("#seleted-rows").append($(this).text());
        });
    }
    else {
     $("#seleted-rows").html("");
     $(":checkbox:checked").closest("td").siblings("td").each(function(){
       $("#seleted-rows").append($(this).text());
     });
    }
})