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教程:关于if简写语句优化的方法
May 17 Javascript
jQuery实现鼠标点击弹出渐变层的方法
Jul 09 Javascript
JS读写CSS样式的方法汇总
Aug 16 Javascript
JS定时器用法分析【时钟与菜单中的应用】
Dec 21 Javascript
Vue.js实现在下拉列表区域外点击即可关闭下拉列表的功能(自定义下拉列表)
May 30 Javascript
微信小程序删除处理详解
Aug 16 Javascript
Vue.js中的computed工作原理
Mar 22 Javascript
小程序开发中如何使用async-await并封装公共异步请求的方法
Jan 20 Javascript
Vue 之孙组件向爷组件通信的实现
Apr 23 Javascript
微信小程序利用Canvas绘制图片和竖排文字详解
Jun 25 Javascript
vue 解决数组赋值无法渲染在页面的问题
Oct 28 Javascript
微信小程序自定义底部弹出框功能
Nov 18 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
使用淘宝IP库获取用户ip地理位置
2013/10/27 PHP
php中mysql连接和基本操作代码(快速测试使用,简单方便)
2014/04/25 PHP
php导入excel文件到mysql数据库的方法
2015/01/14 PHP
php中JSON的使用方法
2015/04/30 PHP
学习php设计模式 php实现观察者模式(Observer)
2015/12/09 PHP
yii分页组件用法实例分析
2015/12/28 PHP
js判断页面中是否有指定控件的简单实例
2014/03/04 Javascript
Javascript小技巧之生成html元素
2014/05/15 Javascript
JSONP之我见
2015/03/24 Javascript
基于Jquery实现万圣节快乐特效
2015/11/01 Javascript
Javascript中关于Array.filter()的妙用详解
2016/12/04 Javascript
基于Javascript实现的不重复ID的生成器
2016/12/25 Javascript
原生JS实现图片轮播效果
2016/12/26 Javascript
JS中传递参数的几种不同方法比较
2017/01/20 Javascript
JS移动端/H5同时选择多张图片上传并使用canvas压缩图片
2017/06/20 Javascript
十大 Node.js 的 Web 框架(快速提升工作效率)
2017/06/30 Javascript
vue脚手架及vue-router基本使用
2018/04/09 Javascript
js 数组详细操作方法及解析合集
2018/06/01 Javascript
axios对请求各种异常情况处理的封装方法
2018/09/25 Javascript
实现高性能javascript的注意事项
2019/05/27 Javascript
[59:15]完美世界DOTA2联赛PWL S2 LBZS vs FTD.C 第一场 11.20
2020/11/20 DOTA
浅谈Python类的__getitem__和__setitem__特殊方法
2016/12/25 Python
Python实现的单向循环链表功能示例
2017/11/10 Python
Python使用jsonpath-rw模块处理Json对象操作示例
2018/07/31 Python
TensorFlow车牌识别完整版代码(含车牌数据集)
2019/08/05 Python
tensorflow 2.0模式下训练的模型转成 tf1.x 版本的pb模型实例
2020/06/22 Python
python模拟点击在ios中实现的实例讲解
2020/11/26 Python
关于HTML5的22个初级技巧(图文教程)
2012/06/21 HTML / CSS
canvas 橡皮筋式线条绘图应用方法
2019/02/13 HTML / CSS
医学生求职自荐信
2013/10/25 职场文书
路政管理专业个人自荐信范文
2013/11/30 职场文书
自动化专业职业生涯规划书范文
2014/01/16 职场文书
暑期培训随笔感言
2014/03/10 职场文书
批评与自我批评发言稿
2014/10/15 职场文书
2016学习全国教书育人楷模先进事迹心得体会
2016/01/21 职场文书
pandas:get_dummies()与pd.factorize()的用法及区别说明
2021/05/21 Python