jQuery按钮检查所有复选框问题

Question

我有一个按钮，可检查div所有复选框并取消选中。

但是，如果要手动选中一个复选框，然后单击“全部选中”按钮，然后全部取消选中，则手动选中的复选框不会变为未选中状态！

有任何想法吗？

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

Answer 1

那是因为jQuery在1.6中进行了更改

使用attr代替prop是打破它的方法。

尝试使用prop代替

更新的小提琴： http : //jsfiddle.net/hM5bu/2/

请参阅以下问题： .prop（）与.attr（），以获取有关jQuery 1.6中prop和attr更多信息

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>