javascript - 用jQuery着色表中的每一行 | 用jQuery着色表中的每一行

我已经尝试了几种方法，但从未设法达到我的目标。如果我使用全选按钮，我基本上想更改每行的背景色：

<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">

最佳答案

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

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

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

关于javascript - 用jQuery着色表中的每一行，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/32763533/