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 相关文章推荐
ie focus bug 解决方法
Sep 03 Javascript
JavaScript Event学习第六章 事件的访问
Feb 07 Javascript
Dom与浏览器兼容性说明
Oct 25 Javascript
JS拖动技术 关于setCapture使用
Dec 09 Javascript
ASP.NET中AJAX 调用实例代码
May 03 Javascript
JS继承--原型链继承和类式继承
Apr 08 Javascript
jQuery获取样式中颜色值的方法
Jan 29 Javascript
jquery小火箭返回顶部代码分享
Aug 19 Javascript
jQuery 限制输入字符串长度
Jun 20 Javascript
IScroll那些事_当内容不足时下拉刷新的解决方法
Jul 18 Javascript
Vue实现开关按钮拖拽效果
Sep 22 Javascript
使用TS来编写express服务器的方法步骤
Oct 29 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
15种PHP Encoder的比较
2007/03/06 PHP
Laravel框架数据库CURD操作、连贯操作总结
2014/09/03 PHP
php验证邮箱和ip地址最简单方法汇总
2015/10/30 PHP
PHP全功能无变形图片裁剪操作类与用法示例
2017/01/10 PHP
Thinkphp5 微信公众号token验证不成功的原因及解决方法
2017/11/12 PHP
javascript高亮效果的二种实现方法
2008/09/14 Javascript
js/jquery获取浏览器窗口可视区域高度和宽度以及滚动条高度实现代码
2012/12/17 Javascript
js前台分页显示后端JAVA数据响应
2013/03/18 Javascript
Js日期选择器并自动加入到输入框中示例代码
2013/08/02 Javascript
JQuery+Ajax无刷新分页的实例代码
2014/02/08 Javascript
jquery+ajax+C#实现无刷新操作数据库数据的简单实例
2014/02/08 Javascript
javascript学习笔记(七)Ajax和Http状态码
2014/10/08 Javascript
JS实现的表格操作类详解(添加,删除,排序,上移,下移)
2015/12/22 Javascript
JavaScript操作class和style样式代码详解
2016/02/13 Javascript
javascript滚轮事件基础实例讲解(37)
2017/02/14 Javascript
深入理解Angular4中的依赖注入
2017/06/07 Javascript
Vue filter介绍及其使用详解
2017/10/21 Javascript
Vue路由前后端设计总结
2019/08/06 Javascript
详解微信小程序之提高应用速度小技巧
2020/01/07 Javascript
VSCode搭建Vue项目的方法
2020/04/30 Javascript
python使用在线API查询IP对应的地理位置信息实例
2014/06/01 Python
浅谈python配置与使用OpenCV踩的一些坑
2018/04/02 Python
python使用matplotlib绘制热图
2018/11/07 Python
安装Pycharm2019以及配置anconda教程的方法步骤
2019/11/11 Python
tensorflow 分类损失函数使用小记
2020/02/18 Python
pycharm设置python文件模板信息过程图解
2020/03/10 Python
Python requests模块cookie实例解析
2020/04/14 Python
美国婚礼礼品网站:MyWeddingFavors
2018/09/26 全球购物
论文指导教师评语
2014/04/28 职场文书
个人评语大全
2014/05/04 职场文书
讲文明树新风演讲稿
2014/05/12 职场文书
2015年老干部工作总结
2015/04/23 职场文书
2015高中教师个人工作总结
2015/07/21 职场文书
小学主题班会教案
2015/08/17 职场文书
学生会部长竞选稿
2015/11/19 职场文书
HTML+css盒子模型案例(圆,半圆等)“border-radius” 简单易上手
2021/05/10 HTML / CSS