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 相关文章推荐
引入JS文件IE6报语法错误或缺少对象问题的解决方法
Jan 09 Javascript
Javascript实现div的toggle效果实例分析
Jun 09 Javascript
深入理解$.each和$(selector).each
May 15 Javascript
详解XMLHttpRequest(二)响应属性、二进制数据、监测上传下载进度
Sep 14 Javascript
JavaScript函数节流的两种写法
Apr 07 Javascript
canvas基础绘制-绚丽倒计时的实例
Sep 17 Javascript
JavaScript实现图片本地预览功能【不用上传至服务器】
Sep 20 Javascript
JavaScript事件冒泡与事件捕获实例分析
Aug 01 Javascript
微信小程序 扭蛋抽奖机css3动画实现详解
Jul 19 Javascript
vue中使用GraphQL的实例代码
Nov 04 Javascript
浅谈在vue-cli3项目中解决动态引入图片img404的问题
Aug 04 Javascript
Vue实现开关按钮拖拽效果
Sep 22 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
php 静态页面中显示动态内容
2009/08/14 PHP
PHP 读取和修改大文件的某行内容的代码
2009/10/30 PHP
浅析php过滤html字符串,防止SQL注入的方法
2013/07/02 PHP
Eclipse的PHP插件PHPEclipse安装和使用
2014/07/20 PHP
PHP针对常规模板引擎中与CSS/JSON冲突的解决方法
2014/08/19 PHP
PHP高精确度运算BC函数库实例详解
2017/08/15 PHP
javascript打开新窗口同时关闭旧窗口
2009/01/16 Javascript
最短的IE判断代码
2011/03/13 Javascript
正则表达式中特殊符号及正则表达式的几种方法总结(replace,test,search)
2013/11/26 Javascript
js判断当前浏览器类型,判断IE浏览器方法
2014/06/02 Javascript
node.js中的fs.appendFile方法使用说明
2014/12/17 Javascript
JavaScript中的类与实例实现方法
2015/01/23 Javascript
表单元素值获取方式js及java方式的简单实例
2016/10/15 Javascript
JS实现登录页密码的显示和隐藏功能
2017/12/06 Javascript
vue中v-for循环给标签属性赋值的方法
2018/10/18 Javascript
JavaScript中工厂函数与构造函数示例详解
2019/05/06 Javascript
微信小程序登录对接Django后端实现JWT方式验证登录详解
2019/07/29 Javascript
JavaScript中作用域链的概念及用途讲解
2020/08/06 Javascript
Python之web模板应用
2017/12/26 Python
名片管理系统python版
2018/01/11 Python
Python使用tkinter库实现文本显示用户输入功能示例
2018/05/30 Python
django与vue的完美结合_实现前后端的分离开发之后在整合的方法
2019/08/12 Python
在Python中获取操作系统的进程信息
2019/08/27 Python
Python 经典算法100及解析(小结)
2019/09/13 Python
python 协程中的迭代器,生成器原理及应用实例详解
2019/10/28 Python
Pandas-Cookbook 时间戳处理方式
2019/12/07 Python
Python datetime 格式化 明天,昨天实例
2020/03/02 Python
Pycharm 使用 Pipenv 新建的虚拟环境(图文详解)
2020/04/16 Python
python用opencv完成图像分割并进行目标物的提取
2020/05/25 Python
keras slice layer 层实现方式
2020/06/11 Python
CSS3 实现弹幕的示例代码
2017/08/07 HTML / CSS
CSS3使用transition属性实现过渡效果
2018/04/18 HTML / CSS
晨会主持词
2014/03/17 职场文书
同意迁入证明模板
2014/10/26 职场文书
2015年社区精神文明工作总结
2015/05/26 职场文书
远程教育集中轮训基层干部培训班学习心得体会
2016/01/09 职场文书