jQuery Selector

Question

Ich denke, das ist ein ziemlich einfaches Problem.

Ich habe eine große Tabelle. In jeder Zeile sind zwei Kontrollkästchen. Wenn eines aktiviert ist, möchte ich auch das Attribut des anderen Kontrollkästchens in derselben Zeile in checked ändern.

My Code on Paste Bin

<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> 

scheinen So kann ich es bisher nur zu bekommen alle Kontrollkästchen aktivieren.

Answer 1

$(".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 2

können Sie .closest() verwenden innerhalb der <tr> dann .find() Eingänge zu gehen, wie folgt aus:

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

You can test it out here. Wenn Sie nur überprüfen wollen, aber nicht deaktivieren Sie die anderen, fügen Sie einfach ein if() dort like this:

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

Answer 3

Sie nicht zwei Ids mit dem gleichen Namen haben können, sollten Sie sie eine Klasse machen