how to add/remove a specific row in a table when select/deselect a checkbox

I want to add/remove a row in a table when select/deselect a checkbox. the checkbox and table the same value. e.g. if a checkbox has value Of 2 , the specific row of the table has exactly value of 2 , so on... .

<table class="table table-hover table-striped">
    <tr>
        <td>value of 1</td>
    <tr>
</table>
<input type="checkbox" name="id" value="1">
<input type="checkbox" name="id" value="2">
<input type="checkbox" name="id" value="3">