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 相关文章推荐
Ctrl+Enter提交内容信息
Jun 26 Javascript
jQuery用unbind方法去掉hover事件及其他方法介绍
Mar 18 Javascript
JavaScript中的单引号和双引号报错的解决方法
Sep 01 Javascript
javascript封装的sqlite操作类实例
Jul 17 Javascript
使用postMesssage()实现跨域iframe页面间的信息传递方法
Mar 29 Javascript
JS实现的RGB网页颜色在线取色器完整实例
Dec 21 Javascript
jquery实现折叠菜单效果【推荐】
Mar 08 Javascript
js中的事件委托或是事件代理使用详解
Jun 23 Javascript
Vue.js列表渲染绑定jQuery插件的正确姿势
Jun 29 jQuery
详解react-native-fs插件的使用以及遇到的坑
Sep 12 Javascript
vue里面使用mui的弹出日期选择插件实例
Sep 16 Javascript
js实现一款简单踩白块小游戏(曾经很火)
Dec 02 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并发访问实例代码
2012/09/06 PHP
PHP中提问频率最高的11个面试题和答案
2014/09/02 PHP
在Linux系统的服务器上隐藏PHP版本号的方法
2015/06/06 PHP
深入分析PHP设计模式
2020/06/15 PHP
(function(){})()的用法与优点
2007/03/11 Javascript
JavaScript 对Cookie 操作的封装小结
2009/12/31 Javascript
javascript中的new使用
2010/03/20 Javascript
IE6、IE7中setAttribute不支持class/for/rowspan/colspan等属性
2011/08/28 Javascript
jquery插件制作 手风琴Panel效果实现
2012/08/17 Javascript
关于图片的预加载过程中隐藏未知的
2012/12/19 Javascript
jQuery数据缓存功能的实现思路及简单模拟
2013/05/27 Javascript
javascript常用函数归纳整理
2014/10/31 Javascript
js实现为a标签添加事件的方法(使用闭包循环)
2016/08/02 Javascript
js制作网站首页图片轮播特效代码
2016/08/30 Javascript
树结构之JavaScript
2017/01/24 Javascript
vue图片加载与显示默认图片实例代码
2017/03/16 Javascript
JS中IP地址与整数相互转换的实现代码
2017/04/10 Javascript
垃圾回收器的相关知识点总结
2018/05/13 Javascript
基于vue-router 多级路由redirect 重定向的问题
2018/09/03 Javascript
微信小程序实现文字从右向左无限滚动
2020/11/18 Javascript
NUXT SSR初级入门笔记(小结)
2019/12/16 Javascript
JS 设计模式之:单例模式定义与实现方法浅析
2020/05/06 Javascript
Python制作CSDN免积分下载器
2015/03/10 Python
利用numpy和pandas处理csv文件中的时间方法
2018/04/19 Python
flask入门之文件上传与邮件发送示例
2018/07/18 Python
解决在Python编辑器pycharm中程序run正常debug错误的问题
2019/01/17 Python
pytorch实现对输入超过三通道的数据进行训练
2020/01/15 Python
python实现俄罗斯方块小游戏
2020/04/24 Python
python 实现rolling和apply函数的向下取值操作
2020/06/08 Python
python实现简易版学生成绩管理系统
2020/06/22 Python
深入了解Python 方法之类方法 & 静态方法
2020/08/17 Python
关于Java finally的面试题
2016/04/27 面试题
医生个人自我剖析材料
2014/10/08 职场文书
南京导游词
2015/02/03 职场文书
2015年银行工作总结范文
2015/04/01 职场文书
Centos环境下Postgresql 安装配置及环境变量配置技巧
2021/05/18 PostgreSQL