javascript - Jquery 单击检查最近的复选框

Question

我正在尝试使用链接通过 jQuery 选中复选框。我的 HTML 是:

<table>
  <tr>
    <td><input type="checkbox" value="test" /></td>
    <td><a class="editbutton" href="#">edit</a></td>
  </tr>
</table>

我一直在玩这个 jquery:

jQuery('.editbutton').click(function($) {
    jQuery(this).closest('[type=checkbox]').attr('checked', true);
});

不幸的是，这不起作用。有什么想法吗？

Answer 1

使用.prop()而不是.attr()，因为.prop是用来设置属性。顺便说一句，您的选择器是错误的。 .closest() 将向上遍历 dom 树。

请阅读以下内容以获取更多引用: .prop() .closest()

试试这个，

jQuery('.editbutton').click(function($) {
    jQuery(this).closest('td').prev().find('[type=checkbox]').prop('checked', true);
});

或者按照@kappa 的建议。

jQuery('.editbutton').click(function($) {
    jQuery(this).closest('tr').find('[type=checkbox]').prop('checked', true);
});

DEMO