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 相关文章推荐
createElement动态创建HTML对象脚本代码
Nov 24 Javascript
JS声明变量背后的编译原理剖析
Dec 28 Javascript
纯js实现仿QQ邮箱弹出确认框
Apr 29 Javascript
AngularJS基础 ng-submit 指令简单示例
Aug 03 Javascript
jQuery EasyUI Panel面板组件使用详解
Feb 28 Javascript
Angularjs为ng-click事件传递参数
Jun 15 Javascript
Angular学习笔记之集成三方UI框架、控件的示例
Mar 23 Javascript
video.js 实现视频只能后退不能快进的思路详解
Aug 09 Javascript
VUE的history模式下除了index外其他路由404报错解决办法
Aug 21 Javascript
VUE实现图片验证码功能
Nov 18 Javascript
JS插入排序简单理解与实现方法分析
Nov 25 Javascript
手把手带你搭建一个node cli的方法示例
Aug 07 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 VS ASP
2006/10/09 PHP
一个比较简单的PHP 分页分组类
2009/12/10 PHP
如何用php获取文件名后缀
2013/06/09 PHP
typecho插件编写教程(一):Hello World
2015/05/28 PHP
PHP 返回13位时间戳的实现代码
2016/05/13 PHP
示例详解Laravel的注册重构
2016/08/14 PHP
ThinkPHP 模板引擎使用详解
2017/05/07 PHP
PHP+Ajax实现的无刷新分页功能详解【附demo源码下载】
2017/07/03 PHP
jquery.fileEveryWhere.js 一个跨浏览器的file显示插件
2011/10/24 Javascript
JavaScript实现复制功能各浏览器支持情况实测
2013/07/18 Javascript
jquery实现的随机多彩tag标签随机颜色和字号大小效果
2014/03/27 Javascript
JS取得绝对路径的实现代码
2015/01/16 Javascript
jQuery实现鼠标经过事件的延时处理效果
2020/08/20 Javascript
跟我学习javascript的var预解析与函数声明提升
2015/11/16 Javascript
原生JavaScript实现动态省市县三级联动下拉框菜单实例代码
2016/02/03 Javascript
AngularJS中实现用户访问的身份认证和表单验证功能
2016/04/21 Javascript
JavaScript中数据类型转换总结
2016/12/25 Javascript
微信小程序开发的四十个技术窍门总结(推荐)
2017/01/23 Javascript
JavaScript设计模式之构造器模式(生成器模式)定义与用法实例分析
2018/07/26 Javascript
vue实现搜索过滤效果
2019/05/28 Javascript
JS如何实现封装列表右滑动删除收藏按钮
2020/07/23 Javascript
Python升级提示Tkinter模块找不到的解决方法
2014/08/22 Python
python实现逆波兰计算表达式实例详解
2015/05/06 Python
Python简单生成8位随机密码的方法
2017/05/24 Python
Python算法之求n个节点不同二叉树个数
2017/10/27 Python
Python爬虫获取图片并下载保存至本地的实例
2018/06/01 Python
Python实现监控键盘鼠标操作示例【基于pyHook与pythoncom模块】
2018/09/04 Python
python 产生token及token验证的方法
2018/12/26 Python
Python爬虫爬取煎蛋网图片代码实例
2019/12/16 Python
Python Matplotlib绘图基础知识代码解析
2020/08/31 Python
澳大利亚二手奢侈品网站:Modsie
2019/09/23 全球购物
恒华伟业笔试面试题
2015/02/26 面试题
酒店管理求职信范文
2014/04/06 职场文书
活动宣传策划方案
2014/05/23 职场文书
新闻专业毕业生求职信
2014/08/08 职场文书
督导岗位职责
2015/02/04 职场文书