您的位置:首页 > Web前端 > JQuery

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

2016-05-01 13:14 711 查看
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方法较好
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: