javascript - 使用/jQuery 根据复选框更改样式

Question

这个问题不太可能对任何 future 的访客有帮助；它只与一个较小的地理区域、一个特定的时间点或一个非常狭窄的情况相关，通常不适用于全世界的互联网受众。如需帮助使此问题更广泛适用， visit the help center 。

已关闭 11 年前。

当选中或取消选中该行中的复选框时，我需要更改整行的样式。

function myFunc() {
    if ($(".chkbx:checked").length) {
        $(this).parent().parent().css("background-color","red");
    } else {
        $(this).parent().parent().css("background-color","green");
    }
}

myFunc();

$(".chkbx").change(myFunc);

<table>
    <tr>
        <td><input type="checkbox" class="chkbx" checked></td>
        <td>label 1</td>
    </tr>
    <tr>
        <td><input type="checkbox" class="chkbx" checked></td>
        <td>label 1</td>
    </tr>
    <tr>
        <td><input type="checkbox" class="chkbx" checked></td>
        <td>label 1</td>
    </tr>
</table>

我想我在这里遗漏了一些东西......

Answer 1

$('.chkbx').change(function(){
    var $this  = $(this), 
        color = ($this.is(':checked')) ? 'red' : 'green';
    $this.closest('tr').css('background-color', color);
});

演示:http://jsfiddle.net/6dR8C/1/