Селектор 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() для перехода на входы <tr>, а затем .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

У вас не может быть двух идентификаторов с одинаковым именем, вы должны сделать их классом

Answer 3

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