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 学习小结(适合新手参考)
Jul 30 Javascript
通过location.replace禁止浏览器后退防止重复提交
Sep 04 Javascript
JS实现从网页顶部掉下弹出层效果的方法
Aug 06 Javascript
jQuery层次选择器用法示例
Sep 09 Javascript
最细致的vue.js基础语法 值得收藏!
Nov 03 Javascript
jquery submit()不能提交表单的解决方法
Apr 24 jQuery
浅谈Angular路由守卫
Aug 26 Javascript
node上的redis调用优化示例详解
Oct 30 Javascript
ionic4+angular7+cordova上传图片功能的实例代码
Jun 19 Javascript
解决在Vue中使用axios用form表单出现的问题
Oct 30 Javascript
JS立即执行的匿名函数用法分析
Nov 04 Javascript
javascript Canvas动态粒子连线
Jan 01 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的FTP学习(一)[转自奥索]
2006/10/09 PHP
php str_pad 函数用法简介
2009/07/11 PHP
关于php mvc开发模式的感想
2011/06/28 PHP
php设计模式小结
2013/02/15 PHP
php while循环控制的简单实例
2016/05/30 PHP
php+iframe 实现上传文件功能示例
2020/03/04 PHP
jquery 将disabled的元素置为enabled的三种方法
2009/07/25 Javascript
js中if语句的几种优化代码写法
2011/03/12 Javascript
select标签模拟/美化方法采用JS外挂式插件
2013/04/01 Javascript
createTextRange()的使用示例含文本框选中部分文字内容
2014/02/24 Javascript
基于JQuery实现仿网易邮箱全屏动感滚动插件fullPage
2015/09/20 Javascript
jQuery实现切换页面过渡动画效果
2015/10/29 Javascript
javascript数据结构之双链表插入排序实例详解
2015/11/25 Javascript
javascript实现简单的on事件绑定
2016/08/23 Javascript
JavaScript编码风格指南(中文版)
2016/08/26 Javascript
微信小程序图表插件(wx-charts)实例代码
2017/01/17 Javascript
vue-resouce设置请求头的三种方法
2017/09/12 Javascript
vue+springboot实现项目的CORS跨域请求
2018/09/05 Javascript
Vue条件循环判断+计算属性+绑定样式v-bind的实例
2018/09/18 Javascript
Vue+element+cookie记住密码功能的简单实现方法
2020/09/20 Javascript
解决ant-design-vue中menu菜单无法默认展开的问题
2020/10/31 Javascript
Python中那些 Pythonic的写法详解
2019/07/02 Python
Python+Django+MySQL实现基于Web版的增删改查的示例代码
2020/05/13 Python
使用HTML5拍照示例代码
2013/08/06 HTML / CSS
俄罗斯购买自行车网站:Vamvelosiped
2021/01/29 全球购物
教师自我鉴定范文
2013/11/10 职场文书
销售文员的岗位职责
2013/11/20 职场文书
护士自我介绍信
2014/01/13 职场文书
珍珠鸟教学反思
2014/02/01 职场文书
班级活动策划书
2014/02/06 职场文书
搞笑婚前保证书
2015/02/28 职场文书
婚育证明格式
2015/06/17 职场文书
领导干部学习心得体会
2016/01/23 职场文书
深入理解margin塌陷和margin合并的解决方案
2021/06/26 HTML / CSS
Apache自带的ab压力测试工具的实现
2022/07/23 Servers
mysql序号rownum行号实现方式
2022/12/24 MySQL