Кнопка JQuery, чтобы проверить все флажки выпуска

Question

У меня есть кнопка, которая проверяет все флажки в div и снимает флажки.

Однако, если бы мне нужно было вручную установить один флажок, затем нажать кнопку «Проверить все» и затем снять все флажки, флажоккоторый был проверен вручную, не становится непроверенным!

Есть идеи?

http://jsfiddle.net/hM5bu/1/

Answer 1

Это потому, что jQuery был изменен в 1.6

Использование attr вместо prop - вот что его сломало.

Попробуйте использовать prop вместо

Обновленоfiddle: http://jsfiddle.net/hM5bu/2/

См. этот вопрос: .prop () vs .attr () , чтобы узнать больше о prop и attr в jQuery 1.6

Answer 2

вот решение:

<input type="checkbox" name="todos" id="todos" /> All<br/>
<input class="marcartodos" type="checkbox" name="marcado[]" value="1" />1<br/>
<input class="marcartodos" type="checkbox" name="marcado[]" value="2" />2<br/>
<input class="marcartodos" type="checkbox" name="marcado[]" value="3" />3<br/>
<input class="marcartodos" type="checkbox" name="marcado[]" value="4" />4<br/>

<script type="text/javascript">

$(function() {

$("#todos").click(function() {                          
if ($(this).is(':checked'))                         
$(".marcartodos").attr('checked', true);
else 
$(".marcartodos").attr('checked', false);
});

});

</script>