jQuery实现checkbox点击全选和取消全选
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方法较好
//没被选中的 var checkedList = new Array(); $("input[name=id]:not(:checked)").each(function() { checkedList.push($(this).val()); }); //已选中的 var checkedList = new Array(); $("input[name=id]:checked").each(function() { checkedList.push($(this).val()); });
最好不要用attr方法增加属性，否则会出现第三次点击不生效的情况，用prop方法较好 //没被选中的 var checkedList = new Array(); $("input[name=id]:not(:checked)").each(function() { checkedList.push($(this).val()); }); //已选中的 var checkedList = new Array(); $("input[name=id]:checked").each(function() { checkedList.push($(this).val()); });
上一篇：
IDEA上Java项目控制台中文乱码