jquery 复选框已选中

Question

我有这个:

<div id="container1">
   <div class="block1">
      <input class="pos2" type="checkbox" /><label>Category1</label><br>
      <input class="pos3" type="checkbox" /><label>Subcategory1</label><br>
      <input class="pos3" type="checkbox" /><label>Subcategory1</label>
   </div>

   <div class="block1">
      <input class="pos2" type="checkbox" /><label>Category2</label><br>
      <input class="pos3" type="checkbox" /><label>Subcategory2</label>
      <input class="pos3" type="checkbox" /><label>Subcategory2</label>
   </div>
</container>

我正在尝试使用 jquery 自动检查复选框。例如:如果我检查“pos2”，它会自动检查 pos3。

我用的是这个:

$("#container1 .block1 .pos2").click(function(){
     $(".block1").children(".pos3").attr('checked', 'checked');
});

但我需要它只检查我点击的 div 中的“pos3”。

注意:复选框是使用 PHP 根据数据库中的条目生成的。它们的数量可能会有所不同，因此我无法在元素上使用 id。

谁能帮我解决这个问题吗？

提前致谢!

Answer 1

试试这个:

$(".pos2").click(function(){
   $(this).siblings(".pos3").attr('checked', 'checked');
});