JSFiddle - React, Tailwind, and code Playground

HTML

<table id="mytable">
<tr><th>checked</th><th>id</th></tr>
<tr><td><input id="cb1" type="checkbox" name="checker1"/></td><td>123</td><td><input id="cb1" type="text" name="field1"/></td><td><input id="cb1" type="text" name="input1"/></td></tr>
<tr><td><input id="cb1" type="checkbox" name="checker1"/></td><td>456</td><td><input id="cb1" type="text" name="field1"/></td><td><input id="cb1" type="text" name="input1"/></td></tr>
<tr><td><input id="cb1" type="checkbox" name="checker1"/></td><td>789</td><td><input id="cb1" type="text" name="field1"/></td><td><input id="cb1" type="text" name="input1"/></td></tr>
<tr><td><input id="add" type="button" name="add" value="button"/></td></tr>
</table>

JavaScript

$('#add').click(function() {
    var tableControl = document.getElementById('mytable');
    var result = []
    $('input:checkbox:checked', tableControl).each(function() {
        result.push($(this).parent().next().text());
    });
    alert(result);
});