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()
})

演示： 小提琴

• 有一個帶有目標文本的td的點擊處理程序
• 在同一行中找到input元素並切換其檢查狀態