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 相关文章推荐
jquery的冒泡事件的阻止与允许(三种实现方法)
Feb 01 Javascript
javascript闭包入门示例
Apr 30 Javascript
jquery根据属性和index来查找属性值并操作
Jul 25 Javascript
javascript中的五种基本数据类型
Aug 26 Javascript
AngularJs bootstrap搭载前台框架——基础页面
Sep 01 Javascript
在vue-cli的组件模板里使用font-awesome的两种方法
Sep 28 Javascript
Vue实现远程获取路由与页面刷新导致404错误的解决
Jan 31 Javascript
extract-text-webpack-plugin用法详解
Feb 14 Javascript
Node.js原生api搭建web服务器的方法步骤
Feb 15 Javascript
Javascript实现一朵从含苞到绽放的玫瑰
Mar 30 Javascript
jQuery实现开关灯效果
Aug 02 jQuery
vue+Element-ui实现登录注册表单
Nov 17 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中Session的生成机制、回收机制和存储机制探究
2014/08/19 PHP
php array_udiff_assoc 计算两个数组的差集实例
2016/11/12 PHP
PHP5.6.8连接SQL Server 2008 R2数据库常用技巧分析总结
2019/05/06 PHP
asp 的 分词实现代码
2007/05/24 Javascript
JS支持带x身份证号码验证函数
2008/08/10 Javascript
JS 事件绑定函数代码
2010/04/28 Javascript
Prototype源码浅析 Enumerable部分(二)
2012/01/18 Javascript
JS,Jquery获取select,dropdownlist,checkbox下拉列表框的值(示例代码)
2014/01/11 Javascript
jquery trigger伪造a标签的click事件取代window.open方法
2014/06/23 Javascript
基于jQuery实现以手风琴方式展开和折叠导航菜单
2016/01/28 Javascript
node.js从数据库获取数据
2016/05/08 Javascript
jQuery实例—选项卡的简单实现(js源码和jQuery)
2016/06/14 Javascript
JS实现可编辑的后台管理菜单功能【附demo源码下载】
2016/09/13 Javascript
vue按需引入element Transfer 穿梭框
2017/09/30 Javascript
详解vue-admin和后端(flask)分离结合的例子
2018/02/12 Javascript
最适应的vue.js的form提交涉及多种插件【推荐】
2018/08/27 Javascript
vue+element实现表格新增、编辑、删除功能
2019/05/28 Javascript
JavaScript变量作用域及内存问题实例分析
2019/06/10 Javascript
js回溯法计算最佳旅行线路代码实例
2019/09/11 Javascript
解决vue项目中出现Invalid Host header的问题
2020/11/17 Javascript
[03:44]2014DOTA2国际邀请赛 71专访:DK战队赛前讨论视频遭泄露
2014/07/13 DOTA
Python使用numpy产生正态分布随机数的向量或矩阵操作示例
2018/08/22 Python
python字典一键多值实例代码分享
2019/06/14 Python
如何基于Python制作有道翻译小工具
2019/12/16 Python
查看keras各种网络结构各层的名字方式
2020/06/11 Python
如何在 Matplotlib 中更改绘图背景的实现
2020/11/26 Python
Python爬虫获取op.gg英雄联盟英雄对位胜率的源码
2021/01/29 Python
css3实现波纹特效、H5实现动态波浪效果
2018/01/31 HTML / CSS
介绍一下Prototype的$()函数,$F()函数,$A()函数都是什么作用?
2014/03/05 面试题
大学生护理专业自荐信
2013/10/03 职场文书
物流专业大学生求职信范文
2013/10/28 职场文书
物业管理个人自我评价
2013/11/08 职场文书
12岁生日演讲稿
2014/05/14 职场文书
2014年财务科工作总结
2014/11/11 职场文书
《认识年月日》教学反思
2016/02/19 职场文书
Nginx URL重写rewrite机制原理及使用实例
2021/04/01 Servers