[Solved] Jquery code not removing TR from table

by


If your goal is just to remove a row as soon as its checkbox gets clicked, then the following snippet accomplishes that.

Note that your checkboxes didn’t have the deleter class; I added that.

$('.deleter').click(function () {
    $(this).closest('tr').remove();
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="table1">
    <form>
        <table>
            <tr>
                <th>Primary</th>
                <th>Address</th>
                <th>Construction</th>
                <th>Town Grade</th>
                <th>Select All
                    <br />
                    <input type="checkbox" class="selectall" name="specialtable" />
                </th>
            </tr>
            <tr class="row1">
                <td>
                    <input type="radio" name="primary_loc" />
                </td>
                <td>#501 - 2206 Eglinton Avenue, Scarborough, O.N. A1B2C3</td>
                <td>Fire Resistive</td>
                <td>2</td>
                <td>
                    <input type="checkbox" name="specialtable" class="deleter" />
                </td>
            </tr>
            <tr class="row2">
                <td>
                    <input type="radio" name="primary_loc" />
                </td>
                <td>#501 - 2206 Eglinton Avenue, Scarborough, O.N. A1B2C3</td>
                <td>Fire Resistive</td>
                <td>2</td>
                <td>
                    <input type="checkbox" name="specialtable" class="deleter" />
                </td>
            </tr>
        </table>
    </form>
</div>

0

solved Jquery code not removing TR from table