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代码
Aug 05 Javascript
带左右箭头图片轮播的JS代码
Dec 18 Javascript
jQuery绑定事件不执行但alert后可以正常执行
Jun 03 Javascript
jQuery实现订单提交页发送短信功能前端处理方法
Jul 04 Javascript
Angularjs 自定义服务的三种方式(推荐)
Aug 02 Javascript
JavaScript实现in-place思想的快速排序方法
Aug 07 Javascript
input获取焦点时底部菜单被顶上来问题的解决办法
Jan 24 Javascript
vue-router之nuxt动态路由设置的两种方法小结
Sep 26 Javascript
对angularJs中ng-style动态改变样式的实例讲解
Sep 30 Javascript
react组件从搭建脚手架到在npm发布的步骤实现
Jan 09 Javascript
layui监听单元格编辑前后交互的例子
Sep 16 Javascript
在Vuex中Mutations修改状态操作
Jul 24 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树形菜单代码
2014/11/19 PHP
PHP添加图片水印、压缩、剪切的封装类
2015/08/17 PHP
PHP网站建设的流程与步骤分享
2015/09/25 PHP
SOSO地图API使用(一)在地图上画圆实现思路与代码
2013/01/15 Javascript
JQuery的ready函数与JS的onload的区别详解
2013/11/21 Javascript
Node.js通过身份证号验证年龄、出生日期与性别方法示例
2017/03/09 Javascript
JS库之Particles.js中文开发手册及参数详解
2017/09/13 Javascript
axios携带cookie配置详解(axios+koa)
2018/12/28 Javascript
layui table 列宽百分比显示的实现方法
2019/09/28 Javascript
jQuery模仿ToDoList实现简单的待办事项列表
2019/12/30 jQuery
Vue实现可移动水平时间轴
2020/06/29 Javascript
[05:22]DOTA2 2015国际邀请赛中国区预选赛首日TOP10
2015/05/26 DOTA
Python2与python3中 for 循环语句基础与实例分析
2017/11/20 Python
一百行python代码将图片转成字符画
2021/02/19 Python
介绍一款python类型检查工具pyright(推荐)
2019/07/03 Python
Windows系统Python直接调用C++ DLL的方法
2019/08/01 Python
Python箱型图处理离群点的例子
2019/12/09 Python
python和c语言哪个更适合初学者
2020/06/22 Python
Python改变对象的字符串显示的方法
2020/08/01 Python
Python getattr()函数使用方法代码实例
2020/08/10 Python
python自动化发送邮件实例讲解
2021/01/04 Python
HTML5离线缓存在tomcat下部署可实现图片flash等离线浏览
2012/12/13 HTML / CSS
美国领先的男士和女士内衣购物网站:Freshpair
2019/02/25 全球购物
应届生如何写自荐信
2014/01/05 职场文书
升旗仪式演讲稿
2014/05/08 职场文书
ktv好的活动方案
2014/08/15 职场文书
离婚协议书范文2014
2014/10/16 职场文书
2014年物业管理工作总结
2014/11/21 职场文书
小学语文复习计划
2015/01/19 职场文书
论文答谢词
2015/01/20 职场文书
高考升学宴答谢词
2015/01/20 职场文书
售后服务承诺函格式
2015/01/21 职场文书
2016简历自荐信优秀范文
2016/01/29 职场文书
致毕业季:你如何做好自己的职业生涯规划书?
2019/07/01 职场文书
python办公自动化之excel的操作
2021/05/23 Python
JavaScript组合继承详解
2021/11/07 Javascript