Jq全选全不选事件问题解决

Jq全选全不选事件问题解决方法

首先定义checkbox

<td><input type="checkbox" id="checkAll"></td>
...
<td><input type="checkbox" name="..." class="checkbox"></td>

jq事件

$("#checkAll").click(function(){   
    $(".checkbox").prop('checked', this.checked);
});

这是一个我刚刚做全选全不选时一个比较简单的做法，一开始用了.attr()方法，出现了下面的.checkbox点击之后再重新全选或全不选，该checkbox无法跟随#checkAll 的checked的问题。改用.prop()方法即可解决该问题。