jquery操作checkbox实现全选和取消全选


Posted in Javascript onMay 02, 2014

今天这样写了一个全选和取消全选的功能:

全选:$(":checkbox").attr("checked","checked");

取消全选:$(":checkbox").removeAttr("checked");

获取选中的:$(":checked[checked='checked']")

发现点全选可以,在点取消全选也可以,获取选中的失效,接下来再点任何按钮都没有效果了

这样行不通,我也不太清楚什么原因,脚本语言就这毛病,一边灵活一边诡异,也不去找原因了,后来改成这样写

全选: $(":checkbox").prop("checked",true)

取消全选:$(":checkbox").prop("checked",false)

获取选中的:$(":checkbox:checked")

反选:

$(":checkbox").each(function(){ 
if($(this).prop("checked")){ 
$(this).prop("checked",false); 
}else{ 
$(this).prop("checked",true); 
} 
});
Javascript 相关文章推荐
使用prototype.js 的时候应该特别注意的几个问题.
Apr 12 Javascript
摘自百度的图片轮换效果代码
Nov 19 Javascript
Prototype源码浅析 Enumerable部分(二)
Jan 18 Javascript
ie下$.getJSON出现问题的解决方法
Feb 12 Javascript
javascript怎么禁用浏览器后退按钮
Mar 27 Javascript
jQuery图片切换插件jquery.cycle.js使用示例
Jun 16 Javascript
全面解析JavaScript中apply和call以及bind(推荐)
Jun 15 Javascript
JS表格组件BootstrapTable行内编辑解决方案x-editable
Sep 01 Javascript
vue.js实现请求数据的方法示例
Feb 07 Javascript
JS实现基于拖拽改变物体大小的方法
Jan 23 Javascript
vue页面加载时的进度条功能(实例代码)
Jan 13 Javascript
浅谈vue 多个变量同时赋相同值互相影响
Aug 05 Javascript
ExtJS4 动态生成的grid导出为excel示例
May 02 #Javascript
jQuery1.9.1针对checkbox的调整方法(prop)
May 01 #Javascript
jquery等待效果示例
May 01 #Javascript
js实现checkbox全选和反选示例
May 01 #Javascript
jquery插件之定时查询待处理任务数量
May 01 #Javascript
自己使用jquery写的一个无缝滚动的插件
Apr 30 #Javascript
js 弹出新页面避免被浏览器、ad拦截的一种新方法
Apr 30 #Javascript
You might like
让codeigniter与swfupload整合的最佳解决方案
2014/06/12 PHP
php实现递归抓取网页类实例
2015/04/03 PHP
使用XHGui来测试PHP性能的教程
2015/07/03 PHP
php mysql PDO 查询操作的实例详解
2017/09/23 PHP
PHP设计模式之状态模式定义与用法详解
2018/04/02 PHP
php-app开发接口加密详解
2018/04/18 PHP
浅析Js(Jquery)中,字符串与JSON格式互相转换的示例(直接运行实例)
2013/07/09 Javascript
jquery的map与get方法详解
2013/11/04 Javascript
使用JavaScript实现旋转的彩圈特效
2015/06/23 Javascript
window.location.hash知识汇总
2015/11/09 Javascript
Javascript编程之继承实例汇总
2015/11/28 Javascript
javascript实现查找数组中最大值方法汇总
2016/02/13 Javascript
JavaScript实现计数器基础方法
2017/10/10 Javascript
详解Nodejs内存治理
2018/05/13 NodeJs
在vue项目中引入高德地图及其UI组件的方法
2018/09/04 Javascript
vue中eslintrc.js配置最详细介绍
2018/12/21 Javascript
用Golang运行JavaScript的实现示例
2019/11/25 Javascript
[04:32]玩具屠夫中文语音节选
2020/08/23 DOTA
Python3基础之基本数据类型概述
2014/08/13 Python
python获取本机mac地址和ip地址的方法
2015/04/29 Python
使用Python对Access读写操作
2017/03/30 Python
Python中将变量按行写入txt文本中的方法
2018/04/03 Python
python使用pandas处理excel文件转为csv文件的方法示例
2019/07/18 Python
python3.6生成器yield用法实例分析
2019/08/23 Python
Python调用shell cmd方法代码示例解析
2020/06/18 Python
Python监听键盘和鼠标事件的示例代码
2020/11/18 Python
俄罗斯最大的隐形眼镜销售网站:Ochkov.Net
2021/02/07 全球购物
中介公司区域经理岗位职责范本
2014/03/02 职场文书
酒店总经理岗位职责
2014/03/17 职场文书
经典团队口号
2014/06/06 职场文书
2014党员自我评议表范文
2014/09/20 职场文书
重阳节标语大全
2014/10/07 职场文书
2015年农村党员干部主题教育活动总结
2015/03/25 职场文书
先进基层党组织主要事迹材料
2015/11/03 职场文书
导游词之淮安明祖陵
2019/11/25 职场文书
Django + Taro 前后端分离项目实现企业微信登录功能
2022/04/07 Python