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 相关文章推荐
TimergliderJS 一个基于jQuery的时间轴插件
Dec 07 Javascript
jquery validate 自定义验证方法介绍 日期验证
Feb 27 Javascript
JavaScript获取按钮所在form表单id的方法
Apr 02 Javascript
微信小程序 自动登陆PHP源码实例(源码下载)
May 08 Javascript
微信小程序新增的拖动组件movable-view使用教程
May 20 Javascript
详解Angular4 路由设置相关
Aug 26 Javascript
微信小程序使用modal组件弹出对话框功能示例
Nov 29 Javascript
浅谈使用React.setState需要注意的三点
Dec 18 Javascript
纯JS实现可用于页码更换的飞页特效示例
May 21 Javascript
vue-自定义组件传值的实例讲解
Sep 18 Javascript
jQuery实现的卷帘门滑入滑出效果【案例】
Feb 18 jQuery
JavaScript 防抖和节流遇见的奇怪问题及解决
Nov 20 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 preg_match_all结合str_replace替换内容中所有img
2008/10/11 PHP
解析PHP自带的进位制之间的转换函数
2013/06/08 PHP
php文件服务实现虚拟挂载其他目录示例
2014/04/17 PHP
php提取微信账单的有效信息
2018/10/01 PHP
PHP中ltrim()函数的用法与实例讲解
2019/03/28 PHP
Laravel 添加多语言提示信息的方法
2019/09/29 PHP
Opacity.js
2007/01/22 Javascript
JavaScript 对象链式操作测试代码
2010/04/25 Javascript
js操作时间(年-月-日 时-分-秒 星期几)
2010/06/20 Javascript
纯js代码实现简单计算器
2015/12/02 Javascript
JS实现列表的响应式排版(推荐)
2016/09/01 Javascript
JS实现图片高斯模糊切换效果的焦点图实例
2017/01/21 Javascript
React-native桥接Android原生开发详解
2018/01/17 Javascript
JS/jQuery实现DIV延时几秒后消失或显示的方法
2018/02/12 jQuery
Node.js 使用request模块下载文件的实例
2018/09/05 Javascript
微信小程序模板template简单用法示例
2018/12/04 Javascript
详解微信小程序胶囊按钮返回|首页自定义导航栏功能
2019/06/14 Javascript
微信小程序定义和调用全局变量globalData的实现
2019/11/01 Javascript
原生JS实现顶部导航栏显示按钮+搜索框功能
2019/12/25 Javascript
vue-router定义元信息meta操作
2020/12/07 Vue.js
Python实现随机取一个矩阵数组的某几行
2019/11/26 Python
numpy 声明空数组详解
2019/12/05 Python
python单例设计模式实现解析
2020/01/07 Python
python GUI库图形界面开发之PyQt5中QMainWindow, QWidget以及QDialog的区别和选择
2020/02/26 Python
python开发实例之python使用Websocket库开发简单聊天工具实例详解(python+Websocket+JS)
2020/03/18 Python
python批量处理多DNS多域名的nslookup解析实现
2020/06/28 Python
python字典的值可以修改吗
2020/06/29 Python
关于Python3的import问题(pycharm可以运行命令行import错误)
2020/11/18 Python
美国领先的在线邮轮旅游公司:CruiseDirect
2018/06/07 全球购物
Maxpeedingrods美国:高性能汽车零件
2020/02/14 全球购物
药学专业毕业生求职信
2013/10/20 职场文书
好军嫂事迹材料
2014/01/15 职场文书
个人简历自我评价范文
2014/02/04 职场文书
代领学位证书毕业证书委托书
2014/09/30 职场文书
常务副县长“三严三实”对照检查材料思想汇报
2014/10/05 职场文书
总结三种用 Python 作为小程序后端的方式
2022/05/02 Python