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 数组的方法集合
Jun 05 Javascript
Javascript/Jquery——简单定时器的多种实现方法
Jul 03 Javascript
jQuery中hasClass()方法用法实例
Jan 06 Javascript
js右下角弹出提示框示例代码
Jan 12 Javascript
jQuery实现图片滑动效果
Mar 08 Javascript
浅谈Vue.nextTick 的实现方法
Oct 25 Javascript
NW.js 简介与使用方法
Feb 01 Javascript
基于 D3.js 绘制动态进度条的实例详解
Feb 26 Javascript
webpack 如何同时输出压缩和未压缩的文件的实现步骤
Jun 05 Javascript
解决vue addRoutes不生效问题
Aug 04 Javascript
浅谈vant组件Picker 选择器选单选问题
Nov 04 Javascript
js回到页面指定位置的三种方式
Dec 17 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
德劲1103二次变频版的打磨
2021/03/02 无线电
ThinkPHP5与单元测试PHPUnit使用详解
2020/02/23 PHP
js关闭当前页面(窗口)的几种方式总结
2013/03/05 Javascript
Javascript基础教程之数据类型转换
2015/01/18 Javascript
jQuery图片特效插件Revealing实现拉伸放大
2015/04/22 Javascript
js仿QQ中对联系人向左滑动、滑出删除按钮的操作
2016/04/07 Javascript
全面解析Bootstrap中tab(选项卡)的使用方法
2016/06/06 Javascript
JavaScript事件学习小结(一)事件流
2016/06/09 Javascript
详解js界面跳转与值传递
2016/11/22 Javascript
jquery.Callbacks的实现详解
2016/11/30 Javascript
AngularJS中的缓存使用
2017/01/11 Javascript
JS简单判断函数是否存在的方法
2017/02/13 Javascript
基于JavaScript实现轮播图原理及示例
2020/04/10 Javascript
Javascript中引用类型传递的知识点小结
2017/03/06 Javascript
详解Vue文档中几个易忽视部分的剖析
2018/03/24 Javascript
JavaScript中 ES6变量的结构赋值
2018/07/10 Javascript
微信小程序文章详情功能完整实例
2020/06/03 Javascript
基于postman获取动态数据过程详解
2020/09/08 Javascript
[02:30]联想杯DOTA2完美世界全国高校联赛—北京站现场
2015/11/16 DOTA
初学Python实用技巧两则
2014/08/29 Python
用ReactJS和Python的Flask框架编写留言板的代码示例
2015/12/19 Python
python 实现网上商城,转账,存取款等功能的信用卡系统
2016/07/15 Python
详解python的ORM中Pony用法
2018/02/09 Python
对dataframe进行列相加,行相加的实例
2018/06/08 Python
解决使用pycharm提交代码时冲突之后文件丢失找回的方法
2018/08/05 Python
python安装numpy和pandas的方法步骤
2019/05/27 Python
python 搜索大文件的实例代码
2019/07/08 Python
Python callable内置函数原理解析
2020/03/05 Python
python用opencv 图像傅里叶变换
2021/01/04 Python
英国时尚饰品和发饰购物网站:Claire’s
2017/07/04 全球购物
SteelSeries赛睿官网:游戏外设和配件的领先制造商(耳机、键盘、鼠标和鼠标垫)
2018/06/17 全球购物
田径运动会开幕式及主持词
2014/03/28 职场文书
人力资源职位说明书
2014/07/29 职场文书
创先争优承诺书
2015/01/20 职场文书
解决Swagger2返回map复杂结构不能解析的问题
2021/07/02 Java/Android
Android开发之WECHAT微信小程序路由跳转的两种形式
2022/04/12 Java/Android