jQuery实现table的全选和删除

以下是一个简单的实现table行的全选和删除的jQuery示例代码：

HTML部分：

<table id="myTable">
    <thead>
        <tr>
            <th><input type="checkbox" id="checkAll"></th>
            <th>Column 1</th>
            <th>Column 2</th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td><input type="checkbox" class="rowCheckbox"></td>
            <td>Data 1</td>
            <td>Data 2</td>
        </tr>
        <!-- 其他行... -->
    </tbody>
</table>
<button id="deleteRows">Delete Selected Rows</button>

jQuery部分：

$(document).ready(function() {
    // 全选/取消全选
    $('#checkAll').click(function() {
        $('.rowCheckbox').prop('checked', this.checked);
    });
 
    // 删除选中的行
    $('#deleteRows').click(function() {
        $('#myTable tbody').find('input:checked').each(function() {
            $(this).closest('tr').remove();
        });
        $('#checkAll').prop('checked', false);
    });
 
    // 监听每个rowCheckbox的变化，更新全选checkbox状态
    $('#myTable tbody').on('change', '.rowCheckbox', function() {
        var allChecked = $('#myTable tbody .rowCheckbox').length === $('#myTable tbody .rowCheckbox:checked').length;
        $('#checkAll').prop('checked', allChecked);
    });
});

这段代码实现了以下功能：

1. 点击全选复选框可以选中或取消选中所有行的复选框。
2. 点击“Delete Selected Rows”按钮可以删除所有选中的行。
3. 当所有行的复选框都被选中时，全选复选框也会被自动选中。
4. 监听每个行的复选框，当它们的选中状态发生变化时，更新全选复选框的状态。