jquery - 当我单击复选框时，未通过each() 选中该复选框

Question

除了 .prop() 属性之外，我在这里检查了很多问题，但没有任何收获。我有一个输入如下:

<input type="checkbox" name="chk_ignore_few[]" class="chk_ignore_few">

另一个如下:

<input type="checkbox" name="chk_ignore_all" id="chk_ignore_all">

这是我的代码:

$('#chk_ignore_all').click(function() {
    $('.chk_ignore_few').each(function(){
        $(this).attr('checked', 'checked');
    });
});

我用 firebug 检查了它，发现它循环遍历不同的复选框，但它根本不检查它们。我上面的问题是什么？

                      =============**EDIT**=====================  

问题是项目中使用了 jQuery UI，而我却没有意识到这一点。实际的复选框隐藏在图片后面，并且复选框不透明度为 0。有没有办法在 jQuery UI 中触发选中？

Answer 1

使用prop()而不使用attr()，不需要each()

$('.chk_ignore_few').prop('checked', true);