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 相关文章推荐
50个比较实用jQuery代码段
Sep 18 Javascript
extJS中常用的4种Ajax异步提交方式
Mar 07 Javascript
百度多文件异步上传控件webuploader基本用法解析
Nov 07 Javascript
Bootstrap CSS组件之导航(nav)
Dec 17 Javascript
Vue制作Todo List网页
Apr 26 Javascript
基于vue2.0实现简单轮播图
Nov 27 Javascript
javascript的delete运算符知识点总结
Nov 19 Javascript
vue.js 输入框输入值自动过滤特殊字符替换中问标点操作
Aug 31 Javascript
javascript贪吃蛇游戏设计与实现
Sep 17 Javascript
Javascript 模拟mvc实现点餐程序案例详解
Dec 24 Javascript
介绍一下28个JS常用数组方法
May 06 Javascript
js基于div丝滑实现贝塞尔曲线
Sep 23 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 伪静态隐藏传递参数名的四种方法
2010/02/22 PHP
Yii2 中实现单点登录的方法
2018/03/09 PHP
用javascript连接access数据库的方法
2006/11/17 Javascript
jquery 日期分离成年月日的代码
2010/05/14 Javascript
IE6,IE7下js动态加载图片不显示错误
2010/07/17 Javascript
jQuery登陆判断简单实现代码
2013/04/21 Javascript
jquery实现背景墙聚光灯效果示例分享
2014/03/02 Javascript
js实现在网页上简单显示时间的方法
2015/03/02 Javascript
javascript实现简单的全选和反选功能
2016/01/05 Javascript
Angular.JS判断复选框checkbox是否选中并实时显示
2016/11/30 Javascript
推荐三款日期选择插件(My97DatePicker、jquery.datepicker、Mobiscroll)
2017/04/21 jQuery
javascript兼容性(实例讲解)
2017/08/15 Javascript
JS实现二维数组横纵列转置的方法
2018/04/17 Javascript
微信小程序踩坑记录之解决tabBar.list[3].selectedIconPath大小超过40kb
2018/07/04 Javascript
微信小程序wepy框架学习和使用心得详解
2019/05/24 Javascript
vue2.0 watch里面的 deep和immediate用法说明
2020/10/30 Javascript
[11:01]2014DOTA2西雅图邀请赛 冷冷带你探秘威斯汀
2014/07/08 DOTA
Python实现的二维码生成小软件
2014/07/11 Python
Python之Web框架Django项目搭建全过程
2017/05/02 Python
python编写弹球游戏的实现代码
2018/03/12 Python
对Pyhon实现静态变量全局变量的方法详解
2019/01/11 Python
pytorch下大型数据集(大型图片)的导入方式
2020/01/08 Python
CSS3中颜色线性渐变实战
2015/07/18 HTML / CSS
英国骑行、跑步、游泳、铁人三项运动装备专卖店:Wiggle
2016/08/23 全球购物
联想法国官方网站:Lenovo法国
2018/10/18 全球购物
澳大利亚宠物食品和用品商店:PETstock
2020/01/02 全球购物
blueseventy官网:铁人三项和比赛泳衣
2021/02/06 全球购物
What is view? why do we have view?
2012/06/22 面试题
奠基仪式主持词
2014/03/20 职场文书
学校副校长四风对照检查材料整改措施
2014/09/25 职场文书
交通安全横幅标语
2014/10/07 职场文书
交警失职检讨书
2015/01/26 职场文书
幼师大班个人总结
2015/02/13 职场文书
物业保安辞职信
2015/05/12 职场文书
2015年店长个人工作总结
2015/10/23 职场文书
2016元旦主持人经典开场白台词
2015/12/03 职场文书