Question

你可以在这里查看我的问题http://jsfiddle.net/eWh5F/76/（）我想要的是点击TD并且复选框应该被选中/取消选中，对于TD内部的复选框工作正常，但是当我在TD和TD内部有一个表格时，任何解决方案？我已经尝试了下面这样的东西，但没有运气

$("td").click(function(e) {
var checkbox = $(':checkbox', $(this).parent()).get(0);
var checked = checkbox.checked;
if (checked == false) checkbox.checked = true;
else checkbox.checked = false;});

Answer 1

您可以使用prop方法：

$("td").click(function(e) {
    $('> input[type=checkbox]', this).prop('checked', function(i, checked){
       return !checked
    })
});

http://jsfiddle.net/jdy3d/

请注意，:checkbox选择器已弃用。

Answer 2

您可以使用e.stopPropagation();

$("td").click(function(e) {
    e.stopPropagation();
    var checkbox = $('input[type="checkbox"]', $(this).closest('td')).get(0);
    var checked = checkbox.checked;
    if (checked == false) checkbox.checked = true;
    else checkbox.checked = false;
});

:checked 已弃用使用input[type="checkbox"]代替

同时使用$(this).closest('td')代替$(this).parent()

JSFIDDLE DEMO

jQuery检查TD内的右侧复选框

2 个答案: