如何通过<tr>单击<td><tr>复选框来取消选中里面的所有复选框

Question

请给出我的问题的解决方案。

我有一张桌子。

如果我选择了<tr>的最后一个<td>标记中的复选框，那么同一<tr>标记的所有复选框都应取消保留。

我的代码现在是这样的。

var columnText = $('TABLE TBODY TR:first TD:last input:checkbox').change(
   function() {
      alert("Hi");  
      $(this).parents('tr').find('input:checkbox').attr('checked', false);
});

请任何人帮帮我。：-）

谢谢。

Answer 1

试试这个：

var columnText = $('table tbody tr:first td:last input[type="checkbox"]').change(function(){
  alert("Hi");
  $(this).parents('tr').find('input[type="checkbox"]').attr('checked', false);
});

Answer 2

使用最接近（选择器）@http://api.jquery.com/closest/和$each迭代器

$.each($(this).closest('tr').find("td"),function(){
   $(this).attr('checked', false);
});

Answer 3

    $('table tr:first').each(function() {
      var $el = $(this);
      $el.find('td:last input[type="checkbox"]').change(function() {
        if($(this).attr('checked')) {
          $el.find('input[type="checkbox"]:not(:last)').attr('checked', false); 
        }
      });
    });

Answer 4

如果我正确理解这个问题，这里有一个表，在td的中有一些复选框

<table id="check_test">
<tr><td>
<input type="checkbox" name="a" id="a" value=""/><label for="a">a</label>
<input type="checkbox" name="b" id="b" value=""/><label for="b">b</label>
<input type="checkbox" name="c" id="c" value=""/><label for="c">last</label>
</td></tr>
<tr><td>
<input type="checkbox" name="d" id="d" value=""/><label for="d">d</label>
<input type="checkbox" name="e" id="e" value=""/><label for="e">e</label>
<input type="checkbox" name="f" id="f" value=""/><label for="f">last</label>
</td></tr>
</table>

在选中最后一个复选框时自动选中td内的所有复选框：

$(document).ready(function() {
    $("#check_test td").find("input:last").change(function()                    
        $(this).parent().find(":checkbox").attr('checked',true);
    });
});