jquery - 在表格单元格内的任何位置选择一个复选框

Question

我需要一个（jQuery）选择器，上面写着：

任何时候表格单元格中有一个复选框，然后将光标作为该表格单元格的指针，如果用户单击表格单元格内的任何位置，然后单击它们的复选框。

我想我曾经有过这个，但那是在“on”选择器出现之前，此外，我认为它在某个时候给我带来了无限循环的麻烦，所以我把它拿出来了。

Answer 1

这会做到的。我使用 s 进行事件委托td，因为 s 可以有很多table，而且它还使您可以灵活地在将来通过 JavaScript 添加更多内容并让它们正常工作。

// Get some references to your elements.
var $table = $("#some-table");
var $tdWithCheckbox = $table.find("td:has(input[type='checkbox'])");    

// Alternatively, add a class which has `cursor: pointer`.
$tdWithCheckbox.css("cursor", "pointer");

// Use event delegation.
$table.on("click", "td", function() {
     $(this).find("input[type='checkbox']").prop("checked", true);
});

Answer 2

您可以使用:has选择器。

$('td:has(input[type=checkbox])').css('cursor', 'pointer');

$(document).on('click', 'td', function(){
   $('input[type=checkbox]', this).click()
})