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 相关文章推荐
替代window.event.srcElement效果的可兼容性的函数
Dec 18 Javascript
浅析XMLHttpRequest的缓存问题
Dec 13 Javascript
Javascript浅谈之this
Dec 17 Javascript
Vue.js render方法使用详解
Apr 05 Javascript
Vue实现web分页组件详解
Nov 28 Javascript
javascript实现循环广告条效果
Dec 12 Javascript
vue树形结构获取键值的方法示例
Jun 21 Javascript
小程序清理本地缓存的方法
Aug 17 Javascript
使用D3.js构建实时图形的示例代码
Aug 28 Javascript
js实现图片区域可点击大小随意改变(适用移动端)代码实例
Sep 11 Javascript
微信小程序保存图片到相册权限设置
Apr 09 Javascript
jQuery实现动态操作table行
Nov 23 jQuery
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从数组中随机选择若干不重复元素的方法
2015/03/14 PHP
使用php实现网站验证码功能【推荐】
2017/02/09 PHP
php实现记事本案例
2020/10/20 PHP
javascript:void(0)的真正含义实例分析
2008/08/20 Javascript
jQuery EasyUI API 中文文档 可调整尺寸
2011/09/29 Javascript
原始XMLHttpRequest方法详情回顾
2013/11/28 Javascript
JS实现点击按钮获取页面高度的方法
2015/11/02 Javascript
基于Jquery代码实现手风琴菜单
2015/11/19 Javascript
Bootstrap每天必学之标签与徽章
2015/11/27 Javascript
javascript截图 jQuery插件imgAreaSelect使用详解
2016/05/04 Javascript
js严格模式总结(分享)
2016/08/22 Javascript
利用策略模式与装饰模式扩展JavaScript表单验证功能
2017/02/14 Javascript
BootStrap Table前台和后台分页对JSON格式的要求
2017/06/28 Javascript
jQuery+ajax实现修改密码验证功能实例详解
2017/07/06 jQuery
基于Vue实例生命周期(全面解析)
2017/08/16 Javascript
微信小程序实现动态设置placeholder提示文字及按钮选中/取消状态的方法
2017/12/14 Javascript
vue+swiper实现侧滑菜单效果
2017/12/28 Javascript
vue获取当前点击的元素并传值的实例
2018/03/09 Javascript
js、jquery实现列表模糊搜索功能过程解析
2020/03/27 jQuery
Python中str is not callable问题详解及解决办法
2017/02/10 Python
使用python实现个性化词云的方法
2017/06/16 Python
利用python模拟实现POST请求提交图片的方法
2017/07/25 Python
解决安装tensorflow遇到无法卸载numpy 1.8.0rc1的问题
2018/06/13 Python
对python读取zip压缩文件里面的csv数据实例详解
2019/02/08 Python
浅析Django中关于session的使用
2019/12/30 Python
Python中bisect的使用方法
2019/12/31 Python
Python如何把多个PDF文件合并代码实例
2020/02/13 Python
Python如何将将模块分割成多个文件
2020/08/04 Python
详解Python 中的容器 collections
2020/08/17 Python
小学教师节活动方案
2014/01/31 职场文书
网站客服岗位职责
2014/04/05 职场文书
《会走路的树》教后反思
2014/04/19 职场文书
数控机床专业自荐信
2014/05/19 职场文书
餐厅感恩节活动策划方案
2014/10/11 职场文书
关于清明节的演讲稿2015
2015/03/18 职场文书
不同意离婚上诉状
2015/05/23 职场文书