JSFiddle - React, Tailwind, and code Playground

by Miguel Roman

HTML

<table>
    <thead>
        <tr>
        	<th>Seleccionado</th>
        	<th>Nombre</th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td><input type="checkbox" name="id" value="1" /></td>
            <td>Elemento A</td>
        </tr>
        <tr>
            <td><input type="checkbox" name="id" value="2" /></td>
            <td>Elemento B</td>
        </tr>
        <tr>
            <td><input type="checkbox" name="id" value="3" /></td>
            <td>Elemento C</td>
        </tr>
        <tr>
            <td><input type="checkbox" name="id" value="4" /></td>
            <td>Elemento D</td>
        </tr>
    </tbody>
</table>

<input type="text" id="resultado" />
<input type="button" id="boton" value="mostrar" />

JavaScript

$('#boton').click(function () {
    $('#resultado').val($('input:checked[type=checkbox]').serialize());
});