jQuery 查找子复选框

Question

我有一个简单的 jQuery 问题:

我有以下类型的表格:

<table id="my_table">
  <tr>
   <td><input type="checkbox" value="24"></td>
   <td> Click Here To Check The Box </td>
   <td> Or Click Here </td>
  </tr>
 </table>

在 jQuery 中，我尝试选择被单击的该行中的相应复选框。

 $("#my_table tr").click(function(e) { 
     $(this).closest(":checkbox").attr("checked", checked");
  });

但是上面的方法不起作用。关于选择单击的行上的复选框有什么快速的想法吗？谢谢!

Answer 1

编辑:底部的最佳解决方案

假设只有一个复选框，我会将事件附加到 td 而不是 tr:

$('#my_table td').click(function(e){
  $(this).parent().find('input:checkbox:first').attr('checked', 'checked');
});

Example

如果您也希望能够取消选中该复选框...

$('#my_table td').click(function(e) {
    var $tc = $(this).parent().find('input:checkbox:first'),
        tv = $tc.attr('checked');

    $tc.attr('checked', !tv);
});

此函数也需要应用于复选框以取消默认行为。

Example 2

编辑:解决方案最合理的方法是取消该功能，如果目标是输入:http://jsfiddle.net/EXVYU/5/

var cbcfn = function(e) {
    if (e.target.tagName.toUpperCase() != "INPUT") {
        var $tc = $(this).parent().find('input:checkbox:first'),
            tv = $tc.attr('checked');
        $tc.attr('checked', !tv);
    }
};

$('#my_table td').live('click', cbcfn);