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 相关文章推荐
JS 中document.URL 和 windows.location.href 的区别
Nov 11 Javascript
js 单击式的下拉菜单效果实例
Aug 13 Javascript
JavaScript获取Url里的参数
Dec 18 Javascript
js使用心得分享
Jan 13 Javascript
js改变embed标签src值的方法
Apr 10 Javascript
使用微信内置浏览器点击下拉框出现页面乱跳转现象(iphone),该怎么办
Jan 04 Javascript
超实用的JavaScript代码段 附使用方法
May 22 Javascript
利用css+原生js制作简单的钟表
Apr 07 Javascript
解决vue单页使用keep-alive页面返回不刷新的问题
Mar 13 Javascript
vuex state及mapState的基础用法详解
Apr 19 Javascript
JavaScript变量作用域及内存问题实例分析
Jun 10 Javascript
JavaScript实现像雪花一样的Hexaflake分形
Jul 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
c#中的实现php中的preg_replace
2009/12/21 PHP
探讨如何把session存入数据库
2013/06/07 PHP
一个简单安全的PHP验证码类、PHP验证码
2016/09/24 PHP
关于IE BUG与字符串截取substr的解决办法
2013/04/10 Javascript
Event altKey,ctrlKey,shiftKey属性解析
2013/12/18 Javascript
Javascript生成全局唯一标识符(GUID,UUID)的方法
2016/02/27 Javascript
详解AngularJS过滤器的使用
2016/03/11 Javascript
JS简单实现点击复制链接的方法
2016/08/03 Javascript
纯JavaScript手写图片轮播代码
2016/10/20 Javascript
BootStrap modal模态弹窗使用小结
2016/10/26 Javascript
浅谈webpack编译vue项目生成的代码探索
2017/12/11 Javascript
vue中如何使用ztree
2018/02/06 Javascript
Vue指令v-for遍历输出JavaScript数组及json对象的常见方式小结
2019/02/11 Javascript
json数据格式常见操作示例
2019/06/13 Javascript
浅谈JavaScript节流和防抖函数
2020/08/25 Javascript
在CentOS上配置Nginx+Gunicorn+Python+Flask环境的教程
2016/06/07 Python
教你用Python写安卓游戏外挂
2018/01/11 Python
python ddt实现数据驱动
2018/03/14 Python
对python中if语句的真假判断实例详解
2019/02/18 Python
浅析python表达式4+0.5值的数据类型
2020/02/26 Python
matplotlib.pyplot.plot()参数使用详解
2020/07/28 Python
python 动态绘制爱心的示例
2020/09/27 Python
python利用xpath爬取网上数据并存储到django模型中
2021/02/26 Python
澳大利亚牛仔裤商店:Just Jeans
2016/10/13 全球购物
给定一个时间点,希望得到其他时间点
2013/11/07 面试题
毕业生就业自荐书
2013/12/15 职场文书
中国梦团日活动总结
2014/07/07 职场文书
毕业证丢失证明范本
2014/09/20 职场文书
车辆年检委托书范本
2014/10/14 职场文书
服务承诺书
2015/01/19 职场文书
酒店优秀员工推荐信
2015/03/24 职场文书
2015年体检中心工作总结
2015/05/27 职场文书
庆七一活动简报
2015/07/20 职场文书
2016年端午节寄语
2015/12/04 职场文书
导游词之青岛太清宫
2019/12/13 职场文书
Vue如何实现组件间通信
2021/05/15 Vue.js