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>