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 相关文章推荐
JS记录用户登录次数实现代码
Jan 15 Javascript
jQuery获取iframe的document对象的方法
Oct 10 Javascript
TypeOf这些知识点你了解吗
Feb 21 Javascript
jQuery插件dataTables添加序号列的方法
Jul 06 Javascript
15个非常实用的JavaScript代码片段
Dec 18 Javascript
js实现日历与定时器
Feb 22 Javascript
Javascript(es2016) import和require用法和区别详解
Aug 11 Javascript
基于vue1和vue2获取dom元素的方法
Mar 17 Javascript
详解webpack-dev-server 设置反向代理解决跨域问题
Apr 18 Javascript
浅谈在vue中使用mint-ui swipe遇到的问题
Sep 27 Javascript
angular4中引入echarts的方法示例
Jan 29 Javascript
vue使用refs获取嵌套组件中的值过程
Mar 31 Vue.js
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文件
2007/01/04 PHP
php 获取select下拉列表框的值
2010/05/08 PHP
深入理解PHP原理之Session Gc的一个小概率Notice
2011/04/12 PHP
三个类概括PHP的五种设计模式
2012/09/05 PHP
深入浅析PHP无限极分类的案例教程
2016/05/09 PHP
PHP性能优化大全(php.ini)
2016/05/20 PHP
Thinkphp5+plupload实现的图片上传功能示例【支持实时预览】
2019/05/08 PHP
点击下载链接 弹出页面实现代码
2009/10/01 Javascript
用jQuery扩展自写的 UI导航
2010/01/13 Javascript
改善你的jQuery的25个步骤 千倍级效率提升
2010/02/11 Javascript
js关闭父窗口时关闭子窗口
2013/04/01 Javascript
jQuery 仿百度输入标签插件附效果图
2014/07/04 Javascript
JQuery实现样式设置、追加、移除与切换的方法
2015/06/11 Javascript
javascript中eval和with用法实例总结
2015/11/30 Javascript
js发送短信倒计时的简单实现方法
2016/09/08 Javascript
JS实现一次性弹窗的方法【刷新后不弹出】
2016/12/26 Javascript
vue2的todolist入门小项目的详细解析
2017/05/11 Javascript
JS处理一些简单计算题
2018/02/24 Javascript
javascript中UMD规范的代码推演
2018/08/29 Javascript
vue实现节点增删改功能
2019/09/26 Javascript
wxPython学习之主框架实例
2014/09/28 Python
python常见排序算法基础教程
2017/04/13 Python
django-rest-swagger的优化使用方法
2019/08/29 Python
pytorch::Dataloader中的迭代器和生成器应用详解
2020/01/03 Python
python实现简单坦克大战
2020/03/27 Python
python访问hdfs的操作
2020/06/06 Python
python读写数据读写csv文件(pandas用法)
2020/12/14 Python
详解canvas drawImage()方法绘制图片不显示的问题
2018/10/08 HTML / CSS
日本最新流行服饰网购:Nissen
2016/07/24 全球购物
迪卡侬中国官网:Decathlon中国
2020/08/10 全球购物
中专药剂专业应届毕的自我评价
2013/12/27 职场文书
留学推荐信中文范文三篇
2014/01/25 职场文书
北京奥运会口号
2014/06/21 职场文书
公司慰问信范文
2015/03/23 职场文书
Python实现猜拳与猜数字游戏的方法详解
2022/04/06 Python
如何用H5实现好玩的2048小游戏
2022/07/23 HTML / CSS