javascript - 使用 jQuery 为表格中的每一行着色

Question

我已经尝试了几种方法，但从未完全实现我的目标。如果我使用全选按钮，我基本上想更改每一行的背景颜色:

<th class="w70 c" id="project_table_header_checkbox">
    <input type="checkbox" name="all" value="1" onclick="$('#project-table input[type=checkbox]').not('[disabled]').prop('checked', $(this).prop('checked') ); colorizeRows();">
</th>

我还有一种改变单行颜色的方法:

$(":checkbox").change(function() {
    $(this).parents('tr').find('td').toggleClass("bgcolor_grey", this.checked)
})

我认为在我的复选框上设置一个监听器会很有用，它会在状态更改时更改行颜色。

我该怎么做？

---

编辑:

 <div class="fullwidth c" id="project-table">
        <div class="box">
            <table>

            <tr>
                <th class="w70 c" id="project_table_header_checkbox">

Answer 1

选中/取消选中其他复选框后，使用selectAll 触发change

$('#selectAllId').change(){
    $(":checkbox").not(this).prop('checked', this.checked).change()
});

现在您拥有的用于切换行类的当前更改事件处理程序代码将被触发