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 相关文章推荐
妙用Jquery的val()方法
Jun 27 Javascript
AngularJs  Using $location详解及示例代码
Sep 02 Javascript
利用bootstrapValidator验证UEditor
Sep 14 Javascript
js/jq仿window文件夹移动/剪切/复制等操作代码
Mar 08 Javascript
详解微信开发中snsapi_base和snsapi_userinfo及静默授权的实现
Mar 11 Javascript
微信小程序开发之map地图实现教程
Jun 08 Javascript
详解webpack提取第三方库的正确姿势
Dec 22 Javascript
vue拦截器实现统一token,并兼容IE9验证功能
Apr 26 Javascript
使用vue-cli导入Element UI组件的方法
May 16 Javascript
vue props传值失败 输出undefined的解决方法
Sep 11 Javascript
vue的keep-alive用法技巧
Aug 15 Javascript
vue项目中openlayers绘制行政区划
Dec 24 Vue.js
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
对squid中refresh_pattern的一些理解和建议
2009/04/17 PHP
一步一步学习PHP(1) php开发环境配置
2010/02/15 PHP
PHPExcel在linux环境下导出报500错误的解决方法
2017/01/26 PHP
PHP hebrev()函数用法讲解
2019/02/21 PHP
gearman管理工具GearmanManager的安装与php使用方法示例
2020/02/27 PHP
强悍无比的WEB开发好助手FireBug(Firefox Plugin)
2007/01/16 Javascript
Javascript remove 自定义数组删除方法
2009/10/20 Javascript
js弹出模式对话框,并接收回传值的方法
2013/03/12 Javascript
JQuery之focus函数使用介绍
2013/08/20 Javascript
使用jQuery实现更改默认alert框体
2015/04/13 Javascript
jQuery Mobile 和 Kendo UI 的比较
2016/05/05 Javascript
详解Angular 4 表单快速入门
2017/06/05 Javascript
JS中offset和匀速动画详解
2018/02/06 Javascript
jQuery实现的自定义轮播图功能详解
2018/12/28 jQuery
Nuxt项目支持eslint+pritter+typescript的实现
2019/05/20 Javascript
深入理解JS异步编程-Promise
2019/06/03 Javascript
layui写后台表格思路和赋值用法详解
2019/11/14 Javascript
js 执行上下文和作用域的相关总结
2021/02/08 Javascript
Python模块学习 re 正则表达式
2011/05/19 Python
Python cookbook(数据结构与算法)实现优先级队列的方法示例
2018/02/18 Python
Python面向对象之反射/自省机制实例分析
2018/08/24 Python
使用Python实现租车计费系统的两种方法
2018/09/29 Python
python计算n的阶乘的方法代码
2019/10/25 Python
详解pycharm连接不上mysql数据库的解决办法
2020/01/10 Python
Python通过fnmatch模块实现文件名匹配
2020/09/30 Python
python 实现音频叠加的示例
2020/10/29 Python
纯CSS3实现8组超炫酷鼠标滑过图片动画
2016/03/16 HTML / CSS
HTML5 video播放器全屏(fullScreen)方法实例
2015/04/24 HTML / CSS
HTML5实现桌面通知 提示功能
2017/10/11 HTML / CSS
巴西葡萄酒销售网站:Wine.com.br
2017/11/07 全球购物
彪马土耳其官网:PUMA土耳其
2019/07/14 全球购物
党员干部三严三实心得体会
2014/10/13 职场文书
nginx对http请求处理的各个阶段详析
2021/03/31 Servers
Python使用openpyxl批量处理数据
2021/06/23 Python
Python 发送SMTP邮件的简单教程
2021/06/24 Python
postgresql中如何执行sql文件
2023/05/08 PostgreSQL