Jquery通过单击表td中的文本来选中复选框

Question

我正在尝试通过单击旁边的文本来选中和取消选中复选框。这是我试图点击项目名称和复选框应该被选中的示例。我认为切换应该适合这里，但我无法使它工作。

Jsfiddle

$("#checkall").change(function () {
  $(this).closest("table").find(".checkbox").attr("checked", this.checked).change();
});

$(".checkbox").change(function() {
  $(this).closest('tr').toggleClass("highlight", this.checked);
});

Answer 1

我认为您的目标是fileName，如果是，请尝试

$("#checkall").change(function () {
    $(this).closest("table").find(".checkbox").prop("checked", this.checked).change();
});

$(".checkbox").change(function () {
    $(this).closest('tr').toggleClass("highlight", this.checked);
});

$('.filename').click(function () {
    $(this).closest('tr').find('input').prop('checked', function (i, c) {
        return !c;
    }).change()
})

演示：Fiddle

• 具有目标文本
的td的点击处理程序
• 在同一行中找到输入元素并切换其检查状态