javascript - 如何使用复选框使用 Javascript 更改 <tr> bgcolor？

Question

我有这个html

<table border="1">
    <tr>
        <td>
            <input type="checkbox">
        </td>
        <td>
            Hello
        </td>
        <td>
            my friend!
        </td>
    </tr>
    <tr>
        <td>
            <input type="checkbox">
        </td>
        <td>
            ...
        </td>
        <td>
            ...
        </td>
    </tr>
    ...
</table>

如果我想更改我的 <tr>，我需要做什么bgcolor 当复选框被激活时？我想我需要用 onclick() 做点什么也许吧。

编辑:我需要的是复选框应该只修改他当前的行。

Answer 1

一种可能的方法:

document.getElementById('table').onclick = function(e) {
    var e = e || event,
        el = e.srcElement || e.target;
    if (el.tagName == 'INPUT') {
        el.parentNode.parentNode.className = el.checked ? 'active' : '';
    }
};

http://jsfiddle.net/TQbpH/2/

在此示例中，事件冒泡到监听它的父表，然后在需要时分派(dispatch)。