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 读书笔记索引贴
Jan 11 Javascript
jquery 批量上传图片实现代码
Jan 28 Javascript
jquery比较简洁的软键盘特效实现方法
Mar 19 Javascript
js简单实现点击左右运动的方法
Apr 10 Javascript
js实现文件上传表单域美化特效
Nov 02 Javascript
简单实现限制uploadify上传个数
Nov 16 Javascript
ES6中如何使用Set和WeakSet
Mar 10 Javascript
VUEJS实战之修复错误并且美化时间(2)
Jun 13 Javascript
利用Angularjs中模块ui-route管理状态的方法
Dec 27 Javascript
Echarts之悬浮框中的数据排序问题
Nov 08 Javascript
微信小程序HTTP接口请求封装的实现
Feb 21 Javascript
浅析JavaScript 函数柯里化
Sep 08 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
桌面中心(四)数据显示
2006/10/09 PHP
分享下页面关键字抓取components.arrow.com站点代码
2014/01/30 PHP
PHP实现CSV文件的导入和导出类
2015/03/24 PHP
Laravel中错误与异常处理的用法示例
2018/09/16 PHP
javascript ajax的5种状态介绍
2014/08/18 Javascript
php利用curl获取远程图片实现方法
2015/10/26 Javascript
JS判断元素是否在数组内的实现代码
2016/03/30 Javascript
JavaScript图像延迟加载库Echo.js
2016/04/05 Javascript
javascript实现仿百度图片的瀑布流加载效果
2016/04/20 Javascript
简单实现jQuery手风琴效果
2017/08/18 jQuery
JS库particles.js创建超炫背景粒子插件(附源码下载)
2017/09/13 Javascript
微信小程序实现团购或秒杀批量倒计时
2020/11/01 Javascript
Vue 实现手动刷新组件的方法
2019/02/19 Javascript
微信小程序 搜索框组件代码实例
2019/09/06 Javascript
JS中自定义事件的使用与触发操作实例分析
2019/11/01 Javascript
在antd Form表单中select设置初始值操作
2020/11/02 Javascript
解决vant中 tab栏遇到的坑 van-tabs
2020/11/04 Javascript
python练习程序批量修改文件名
2014/01/16 Python
Phantomjs抓取渲染JS后的网页(Python代码)
2016/05/13 Python
Python爬虫DOTA排行榜爬取实例(分享)
2017/06/13 Python
Django之模板层的实现代码
2019/09/09 Python
python 伯努利分布详解
2020/02/25 Python
python json.dumps中文乱码问题解决
2020/04/01 Python
python中实现词云图的示例
2020/12/19 Python
python Zmail模块简介与使用示例
2020/12/19 Python
解决pytorch 的state_dict()拷贝问题
2021/03/03 Python
ZWILLING双立人英国网上商店:德国刀具锅具厨具品牌
2018/05/15 全球购物
中国京东和泰国中央集团合资的网站:JD CENTRAL
2020/08/22 全球购物
优秀的2014年两会精神解读
2014/03/17 职场文书
个人课题方案
2014/05/08 职场文书
党员一帮一活动总结
2014/07/08 职场文书
黄山导游词
2015/01/31 职场文书
中国世界遗产导游词
2015/02/13 职场文书
学生会干部任命书
2015/09/21 职场文书
Python 使用dict实现switch的操作
2021/04/07 Python
详解JavaScript中Arguments对象用途
2021/08/30 Javascript