javascript - TR中选中和取消选中复选框的最佳方法

Question

<table>
    <tr>
        <td><input type="checkbox"></td><td>aa</td><td>ss</td>
    </tr>
    <tr>
        <td><input type="checkbox"></td><td>aa</td><td>ss</td>
    </tr>
    <tr>
        <td><input type="checkbox"></td><td>aa</td><td>ss</td>
    </tr>
</table>

直播: http://jsfiddle.net/6U5WH/

如果我使用当前复选框单击 TR，选中和取消选中复选框的最佳方法是什么？是否可以仅使用 HTML(标签？)？如果没有，我想使用 jQuery。

Answer 1

// when the row is clicked toggle the checked property
$('tr').click(function() {
     var $cb = $(this).find(':checkbox');
     $cb.prop('checked',!$cb.prop('checked'));
});
// prevent a click on the actual checkbox from bubbling to the row
$('tr :checkbox').click( function(e) {
     e.stopPropagation();
});

更新的 fiddle :http://jsfiddle.net/6U5WH/1/