jQuery中checkbox反复调用attr('checked', true/false)只有第一次生效的解决方法


Posted in Javascript onNovember 16, 2016

本文实例讲述了jQuery中checkbox反复调用attr('checked', true/false)只有第一次生效的解决方法。分享给大家供大家参考,具体如下:

先看如下代码:

/**
 * 全选
 */
 function checkAll() {
   $("input[name=ids]").attr("checked", true);
 }
 /**
 * 全不选
 */
 function uncheckAll() {
   $("input[name=ids]").attr("checked", false);
 }

问题描述:

初始状态复选框没有全选,点击全选按钮调用checkAll方法,实现了全选,然后点击全不选按钮,实现了全不选,然后再次点击全选按钮,结果却木有全选,再反复点击木有任何反应。

解决方法:

google之:

把使用prop方法代替attr方法,

/**
 * 全选
 */
function checkAll() {
  $("input[name=ids]").prop("checked", true);
}

至此问题解决!

希望本文所述对大家jQuery程序设计有所帮助。

Javascript 相关文章推荐
Javascript isArray 数组类型检测函数
Oct 08 Javascript
js 鼠标拖动对象 可让任何div实现拖动效果
Nov 09 Javascript
JavaScript实现的GBK、UTF8字符串实际长度计算函数
Aug 27 Javascript
js脚本实现数据去重
Nov 27 Javascript
javascript模拟map输出与去除重复项的方法
Feb 09 Javascript
jQuery实现企业网站横幅焦点图切换功能实例
Apr 30 Javascript
jQuery插件制作的实例教程
May 16 Javascript
js Canvas实现的日历时钟案例分享
Dec 25 Javascript
JS实现模糊查询带下拉匹配效果
Jun 21 Javascript
React精髓!一篇全概括小结(急速)
May 23 Javascript
Vue+axios+WebApi+NPOI导出Excel文件实例方法
Jun 05 Javascript
JS实现表单中点击小眼睛显示隐藏密码框中的密码
Apr 13 Javascript
JavaScript仿微博发布信息案例
Nov 16 #Javascript
使用Node.js给图片加水印的方法
Nov 15 #Javascript
Node.js批量给图片加水印的方法
Nov 15 #Javascript
AngularJS 中使用Swiper制作滚动图不能滑动的解决方法
Nov 15 #Javascript
AngularJS extend用法详解及实例代码
Nov 15 #Javascript
Windows系统下安装Node.js的步骤图文详解
Nov 15 #Javascript
jQuery checkbox选中问题之prop与attr注意点分析
Nov 15 #Javascript
You might like
PHP 身份验证方面的函数
2009/10/11 PHP
PHP程序员简单的开展服务治理架构操作详解(二)
2020/05/14 PHP
插件:检测javascript的内存泄漏
2007/03/04 Javascript
ext读取两种结构的xml的代码
2008/11/05 Javascript
javascript 操作cookies及正确使用cookies的属性
2009/10/15 Javascript
javascript 限制输入脚本大全
2009/11/03 Javascript
jquery实现textarea 高度自适应
2015/03/11 Javascript
js解决movebox移动问题
2016/03/29 Javascript
Angular组件化管理实现方法分析
2017/03/17 Javascript
原生js jquery ajax请求以及jsonp的调用方法
2017/08/04 jQuery
vuejs实现标签选项卡动态更改css样式的方法
2018/05/31 Javascript
vue实现将数据存入vuex中以及从vuex中取出数据
2019/11/08 Javascript
jquery+css3实现的经典弹出层效果示例
2020/05/16 jQuery
小程序实现背景音乐播放和暂停
2020/06/19 Javascript
前端使用crypto.js进行加密的函数代码
2020/08/16 Javascript
[07:03]显微镜下的DOTA2第九期——430圣堂刺客杀戮秀
2014/06/20 DOTA
[01:08:29]DOTA2-DPC中国联赛定级赛 RNG vs Aster BO3第一场 1月9日
2021/03/11 DOTA
Python实现基于PIL和tesseract的验证码识别功能示例
2018/07/11 Python
Pyqt QImage 与 np array 转换方法
2019/06/27 Python
python字典的setdefault的巧妙用法
2019/08/07 Python
详解pyinstaller生成exe的闪退问题解决方案
2020/06/19 Python
Python手动或自动协程操作方法解析
2020/06/22 Python
在Keras中CNN联合LSTM进行分类实例
2020/06/29 Python
Python CategoricalDtype自定义排序实现原理解析
2020/09/11 Python
Python爬虫之Selenium实现键盘事件
2020/12/04 Python
非常震撼的纯CSS3人物行走动画
2016/02/24 HTML / CSS
StubHub智利:购买和出售您的门票
2016/11/23 全球购物
荷兰在线钓鱼商店:Raven
2019/06/26 全球购物
英国领先的露营和露营车品牌之一:OLPRO
2019/08/06 全球购物
美国环保妈妈、儿童和婴儿用品购物网站:The Tot
2019/11/24 全球购物
面料业务员岗位职责
2013/12/26 职场文书
汽车维修求职信
2014/06/15 职场文书
查摆问题对照检查材料
2014/08/28 职场文书
没有孩子的离婚协议书怎么写
2014/09/17 职场文书
保护校园环境倡议书
2015/04/28 职场文书
OpenCV实现普通阈值
2021/11/17 Java/Android