javascript - 简单的 Jquery CheckAll/UncheckAll 复选框

Question

我有这个 Jquery:

$(document).ready(function() {
   $('#masterChecks input[type="checkbox"]').click(function() {
   var togClass=$(this).attr('class');
   if($(this).attr('checked')){

    //need to make sure all checkboxes for this class is checked, when the
    //master checkbox is checked.
    $('div.' + togClass ).css("display", "inline-block");
}
else
{
        //need to make sure all checkboxes for this class is unchecked, when the
    //master checkbox is checked.
    $('div.' + togClass ).css("display", "none");

}
});

});

我有很多 div 和很多类的 Html。有很多复选框。现在我正在检查 mastercheckbox，它将隐藏与复选框具有相同类的所有属性的 css。我还有一组本地复选框，它们的作用相同，但仅适用于它们所在的 div。我希望 Jquery 在未选中时取消选中具有相同类的本地复选框，反之亦然。这是 html 结构

<div id="masterChecks">
   // checbox here with class="sampleclass"
</div>
 <div class="sampleclass">
      //local checkbox here 
 </div>

看起来很简单，但无法让它工作，

我试过这样的事情:

 $('div.' + togClass + 'input[type="checkbox"]').attr('checked','checked');

谁能帮忙？

Answer 1

看看jQuery.each()

您可以在哪里迭代所有复选框并查看它们是否被选中