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控制iframe滚动的代码
Apr 10 Javascript
JavaScript高级程序设计 DOM学习笔记
Sep 10 Javascript
Javascript动画效果(1)
Oct 11 Javascript
基于js实现checkbox批量选中操作
Nov 22 Javascript
jQuery设计思想
Mar 07 Javascript
vue2组件实现懒加载浅析
Mar 29 Javascript
JavaScript切换搜索引擎的导航网页搜索框实例代码
Jun 11 Javascript
JS 中LocalStorage和SessionStorage的使用
Aug 17 Javascript
浅谈vue引入css,less遇到的坑和解决方法
Jan 20 Javascript
vue-router懒加载速度缓慢问题及解决方法
Nov 25 Javascript
详解微信小程序之scroll-view的flex布局问题
Jan 16 Javascript
vue.js 输入框输入值自动过滤特殊字符替换中问标点操作
Aug 31 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常见漏洞攻击分析
2016/02/21 PHP
use jscript Create a SQL Server database
2007/06/16 Javascript
Ext javascript建立超链接,进行事件处理的实现方法
2009/03/22 Javascript
JS判断页面加载状态以及添加遮罩和缓冲动画的代码
2012/10/11 Javascript
Jquery 例外被抛出且未被接住原因介绍
2013/09/04 Javascript
面向对象设计模式的核心法则
2013/11/10 Javascript
通过onmouseover选项卡实现img图片的变化
2014/02/12 Javascript
javascript随机之洗牌算法深入分析
2014/06/07 Javascript
js数组的操作指南
2014/12/28 Javascript
Jquery幻灯片特效代码分享--鼠标点击按钮时切换(1)
2015/08/15 Javascript
Bootstrap的图片轮播示例代码
2015/08/31 Javascript
jQuery焦点图插件SaySlide
2015/12/21 Javascript
jquery树形菜单效果的简单实例
2016/06/06 Javascript
AngularJS基础 ng-srcset 指令简单示例
2016/08/03 Javascript
利用jQuery插件imgAreaSelect实现图片上传裁剪(放大缩小)
2016/12/02 Javascript
基于hover的用法实例(推荐)
2017/07/04 Javascript
ReactNative页面跳转Navigator实现的示例代码
2017/08/02 Javascript
JS获取并处理php数组的方法实例分析
2018/09/04 Javascript
VueCli3构建TS项目的方法步骤
2018/11/07 Javascript
微信小程序实现批量倒计时功能
2020/11/01 Javascript
vue实现抽屉弹窗效果
2020/11/15 Javascript
[02:23]2014DOTA2国际邀请赛中国战队回顾
2014/08/01 DOTA
[57:59]完美世界DOTA2联赛循环赛 Ink Ice vs LBZS BO2第一场 11.05
2020/11/05 DOTA
Python实现的建造者模式示例
2018/08/06 Python
Python向excel中写入数据的方法
2019/05/05 Python
Django model select的多种用法详解
2019/07/16 Python
django-orm F对象的使用 按照两个字段的和,乘积排序实例
2020/05/18 Python
Python新手如何理解循环加载模块
2020/05/29 Python
python小技巧——将变量保存在本地及读取
2020/11/13 Python
iHerb台湾:维生素、保健品和健康产品
2018/01/31 全球购物
教师绩效工资方案
2014/02/01 职场文书
2014市府办领导班子“四风问题”对照检查材料思想汇报
2014/09/24 职场文书
四风问题查摆剖析材料
2014/10/11 职场文书
幼儿园保育员随笔
2015/08/14 职场文书
logback如何自定义日志存储
2021/08/30 Java/Android
Python采集壁纸并实现炫轮播
2022/04/30 Python