如果选中复选框,则删除表的所有行?

时间:2013-08-08 13:39:12

标签: java javascript jquery html5

我在jsp中有下表。

<table class="myTable" id="myTable" border="0" cellspacing="0" style="border-spacing: 0; width: 100%; border-collapse: collapse;">
    <tr class="impClass">
        <td class="myClass">
            <div>
                <label for="delete">Delete</label>
                <br>
                <input class="mySecondClass" type="checkbox" id="delete" name="delete">
            </div>
        </td>
    </tr>
    <tr class="impClass">
        <td class="myClass">
            <div>
                <label for="delete">Delete</label>
                <br>
                <input class="mySecondClass" type="checkbox" id="delete" name="delete">
            </div>
        </td>
    </tr>
    <tr class="impClass">
        <td class="myClass">
            <div>
                <label for="delete">Delete</label>
                <br>
                <input class="mySecondClass" type="checkbox" id="delete" name="delete">
            </div>
        </td>
    </tr>
</table>

如果选中了删除复选框,我想删除表的所有行。如何从使用table选中删除复选框的jquery中删除所有行?

请帮帮我。

谢谢!

1 个答案:

答案 0 :(得分:2)

另一个答案是低效的,这可以在一个电话中完成,如下所示:

$('.mySecondClass:checked').closest('tr').remove();