checkbox не проверяется через каждый(), когда я нажимаю его

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'); 
    }); 
}); 

Я проверил его с поджигатель, и увидел, что петли через разные флажки, но он не проверяет их вообще. Какова моя проблема выше?

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

Проблема заключалась в том, что в проекте JQuery UI был использован, и я не знал об этом. Фактический флажок был скрыт за изображениями и флажками opacity было 0. Есть ли способ запуска проверять в jQuery UI?

Answer 1

Использование prop() и не используйте attr(), вам не нужно each()

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

Answer 2

Использование prop() вместо attr() и нет необходимости использовать each() как,

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

Working Demo

Answer 3

попробовать это jsfiddle .. http://jsfiddle.net/ArH5A/2/

я обновил свою скрипку, вы можете захотеть, чтобы снять .chk_ignore_few когда вы снимите #chk_ignore_few

$(document).on("change", "#chk_ignore_all", function() { 
if($(this).is(":checked")) 
{ 
    $('.chk_ignore_few').each(function(k,fewChk){ 
     $(fewChk).prop('checked', true); 
    }); 
} 
else 
{ 
    $('.chk_ignore_few').each(function(k,fewChk){ 
     $(fewChk).prop('checked', false); 
    }); 
} 

});