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方法较好