jQuery实现点击全选和取消全选

jQuery实现点击全选和取消全选

有时候需要实现点击按钮全选，再点击取消全选，类似下图：

具体怎么实现呢？

代码如下：

$('input[name="selectall"]').click(function(){
        //alert(this.checked);
        if($(this).is(':checked')){
        $('input[name="stuCheckBox"]').each(function(){
        //此处如果用attr，会出现第三次失效的情况
    $(this).prop("checked",true);
});
            }else{
            $('input[name="stuCheckBox"]').each(function(){
    $(this).removeAttr("checked",false);
});
//$(this).removeAttr("checked");
            }

        });

<td><input type="checkbox" name="selectall"/></td>

最好不要用attr方法增加属性，否则会出现第三次点击不生效的情况，用prop方法较好