jQuery 选择器：如果选中一个复选框，那么我还想将同一行中的另一个复选框的属性更改为选中

Question

我有一张大桌子。每行有两个复选框。如果选中一个，那么我还想将同一行中另一个复选框的属性更改为选中。

我在粘贴箱上的代码

<script language="javascript" type="text/javascript">
$(document).ready(function(){
 $(".BookTable input[name=attended]").click(function() {

     if ($(this).attr("checked") == true)
   {
         $("input").parent().parent("input[name=attended]").attr("checked","yes");
   } 
 });    
});
</script>

<table class="BookTable adj-table">
<tr>
<td>Joe</td>
<td>Bloggs</td>
<td><input name="booking" id="booking"  type="checkbox" value="1" /></td>
<td><input name="attended" id="attended"  type="checkbox" value="1" /></td>
</tr>
<tr>
<td>Dave</td>
<td>Smith</td>
<td><input name="booking" id="booking"  type="checkbox" value="1" /></td>
<td><input name="attended" id="attended"  type="checkbox" value="1" /></td>
</tr>
</table>

到目前为止，我似乎只能让它选择所有复选框。

Answer 1

您可以使用 .closest() 转到 然后 .find() 输入，如下所示：

$(".BookTable :checkbox").change(function() {
  $(this).closest("tr").find(":checkbox").attr("checked", this.checked);
});

您可以在此处进行测试。如果您只想检查而不是取消检查另一个，只需在其中添加一个 if() 像这样：

$(".BookTable :checkbox").change(function() {
  if(this.checked)
    $(this).closest("tr").find(":checkbox").attr("checked", true);
});

Answer 2

$(".BookTable :checkbox").click(function(){
    if ($(this).is(":checked"))
        $(this).parents("tr").find(":checkbox").attr("checked", "checked");
    else
        $(this).parents("tr").find(":checkbox").removeAttr("checked");
});

Answer 3

你不能有两个同名的 id，你应该将它们作为一个类