Question

我需要一个（jQuery）选择器说：

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

我想我曾经有过这个，但那是在“on”选择器的日子之前，而且，我认为它让我在某个时刻遇到了无限循环的麻烦，所以我把它拿出来了。

Answer 1

这样做。我使用td进行了事件委派，因为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()
})

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

2 个答案: