Skip to content
跑步客

跑步客

让我们跑在最前面!

  • 首页
  • 跑步文学
    • 跑步机
    • 跑步鞋
    • 跑客日志
  • 网页游戏
  • 视频推荐
  • 跑客智慧
  • 精彩分享
  • 编程技术
    • C#
    • CPlusplus
    • JavaScript
    • lua
    • PHP
    • python
  • 新闻
    • 科技
    • n游戏
    • 体育
    • 娱乐
    • 搞笑
    • 汽车
    • 社会
    • 财经
  • 联系我
Home › 编程技术 › JavaScript › jQuery 操作复选框(checkbox) attr checked不起作用
2013/03/24 跑客教授

jQuery 操作复选框(checkbox) attr checked不起作用

这天用到jQuery功能,想实现一个简单的复选框动态全选或全不选,结果测试发现 attr(‘checked’,’checked’);与attr(‘checked’,true); 都不好使,要么第一次成功了,第二次调用就没反应,完全不起作用了。那到底是什么原因呢?

害得‘跑客教授’到处到网上搜 jQuery checkbox的操作,动态选择的相关文章,都写着是这样的实现代码

$('input[type=checkbox]').attr('checked','checked');//全选,设置属性
$('input[type=checkbox]').attr('checked',true);//全选,设置属性,通过true布尔值形式
$('input[type=checkbox]').attr('checked',false);//不选择,布尔值形式
$('input[type=checkbox]').removeAttr('checked','checked');//不选选,删除属性

但是测试结果发现,屡试不爽啊,选择一次全选,再调用一次反选,再去调用全选就没效果了。
难道是 removeAttr 的原因?还是‘跑客教授’使用过新的 jQuery 1.9.1版本。(还是说我要使用原生的javascript代码来完成这项工作呢?)

这些都不是理由,理由应该 是自己没有用好。不可能这么牛比的框架这么简单的功能都不能实现(也不要轻意怀疑浏览器的问题)

最终解决方案

还是到官网,搜索了’checkbox’,找到一文章,仔细查看了吓,有一个类似的操作是

$('obj').attr('checked',true);
$('obj').prop('checked',true);
$('obj').attr('checked',false);
$('obj').prop('checked',false);

好了,擦亮你的眼睛,没错最后用的是 prop方法操作一切就OK啦。

除声明外,跑步客文章均为原创,转载请以链接形式标明本文地址
  jQuery 操作复选框(checkbox) attr checked不起作用

本文地址:  http://www.paobuke.com/develop/javascript/pbk849.html






相关内容

浅谈Vue的加载顺序探讨
浅谈Vue的加载顺序探讨
VUE实现一个分页组件的示例
VUE实现一个分页组件的示例
Angular 4依赖注入学习教程之简介(一)
Angular 4依赖注入学习教程之简介(一)
JS中去掉array中重复元素的方法
JS中去掉array中重复元素的方法

Three.js的使用及绘制基础3D图形详解
Three.js的使用及绘制基础3D图形详解
node安装--linux下的快速安装教程
node安装--linux下的快速安装教程
基于datagrid框架的查询
基于datagrid框架的查询
基于jQuery的图片大小自动适应实现代码
基于jQuery的图片大小自动适应实现代码
JavaScript
attrcheckboxjavascriptjQueryprop

文章导航

Previous Post:哥已不玩DOTA好多月
Next Post:SEO优化之使用百度文库增加外链

2 comments

  1. dzb3688说道:
    2014/06/06 14:23

    nice!

    回复
  2. 匿名说道:
    2016/01/13 16:22

    66666666666666666666666666666666666666666666666666666666666666666666666666666666666666666666666666666666666666666666666666666666666666666666666666666666666666666666666666666666666666666666666666666666666666666666666666666666666666666666666666666666666666666666666666666666666666666666666666666666666666666666666666666666666666666666666666666666666666666666666666666666666666666666666666666666666666666666666666666666666666666666666666666666666666666666666666666666666666666666666666666666666666666666666666

    回复

Leave a Reply 取消回复

电子邮件地址不会被公开。

输入下面算式计算结果 *

语言

不转换 繁體中文 大陆简体 港澳繁體 台灣正體

近期文章

  • Java是自学好还是参加培训班好?
  • Spring-cloud 服务发现与消费(以ribbon为例)
  • Spring cloud Eureka注册中心搭建的方法
  • Spring-cloud 注册服务提供者搭建方法
  • 详解Spring cloud使用Ribbon进行Restful请求
  • spring集成okhttp3的步骤详解
  • 详解Spring Cloud 熔断机制–断路器
  • java实现分布式项目搭建的方法
  • 基于 IntelliJ IDEA 模拟 Servlet 网络请求示例
  • mybatis动态插入list传入List参数的实例代码

阅读排名

  • Android 安卓去除APP的广告几种方法 - 15,851 阅读
  • 分享国外知名黑ha&cker客网站集合 - 10,802 阅读
  • lua简单字符串处理 - 9,808 阅读
  • jQuery 操作复选框(checkbox) attr checked不起作用 - 9,488 阅读
  • 快速用VLC的SDK开发RTSP流教程 - 7,519 阅读
  • 用RTSP开发时遇到的音视频同步问题解决 - 6,025 阅读
  • MC天佑又摊上大事了!赵本山居然把他给告上法庭了,出啥事了? - 5,875 阅读
  • VMware tools 不能复制与HOST之间复制粘贴问题 - 5,660 阅读
  • NODEJS使用ZMQ教程 - 5,638 阅读
  • nodejs,express模块自动解析参数use(express.urlencode()) - 5,617 阅读
  • redis windows下c++版客户端代码 - 4,859 阅读
  • c++里面使用mysql教程 - 4,695 阅读
  • 天龙八部多开原理与实现教程 - 4,487 阅读
  • udt bug 在connect失败之后调用close - 4,294 阅读
  • 楚汉传奇的两个问题(项梁杀殷通,项羽放刘邦) - 3,545 阅读

热门标签

2013 Android c++ cef Dota Drupal html5 html5游戏 http javascript JS Live555 lua mysql pdf PHP python rtsp SEO SEO优化 vc++ WordPress 三国杀 佛法 右脑潜能 吸血鬼 安卓 心灵 感慨 播放器 教程 永远之法 深景兵 游戏 电影 百度 第一视角 网站 网赚 视频 赚钱 跑客教授 跑步 跑步鞋 页游

随机文章

  • 学习php设计模式 php实现模板方法模式
  • php生成图片验证码
  • 吉利和上汽同样是国际大规模收购,为什么差别那么大?
  • 72岁老人被送敬老院4子女失联 院方遭拉黑起诉其子不交费
  • “反普通话却来内地实习”港生已返港:听我解释,我不是“港独”
  • 容易被站长忽视的内容:主动访问用户数据
  • 微信 开发生成带参数的二维码的实例
  • Android来电监听和去电监听实现代码
  • 俄特工遭毒剂袭击,英媒称该毒剂仅价值可能就高达3千万美金
  • 原来泰国竟然有这么多奇葩事!知道三个算我输!
  • 多个datatable共存造成多个表格的checkbox都被选中
  • 微博营销经典案例

分类目录

  • Android
  • C#
  • CPlusplus
  • Dota
  • Drupal
  • HTML5
  • html5新特性
  • html5游戏
  • JavaScript
  • lua
  • n游戏
  • PHP
  • python
  • SC2
  • SEO优化
  • WordPress
  • 体育
  • 佛法
  • 八卦传文
  • 右脑潜能
  • 娱乐
  • 建站资源
  • 开源平台
  • 搞笑
  • 文章分享
  • 新闻
  • 汽车
  • 游戏
  • 社会
  • 科技
  • 竞技游戏
  • 编程技术
  • 网赚
  • 网页游戏
  • 视频推荐
  • 财经
  • 资源下载
  • 跑客日志
  • 跑步文学
  • 跑步机
  • 跑步鞋
  • 默认分类

近期评论

  • Cheap Jerseys Wholesale发表在《Android编程实现google消息通知功能示例》
  • 匿名发表在《枫评游戏之《Warframe》:这就是国内“臭名昭著”的星际战甲》
  • 匿名发表在《c++实现解析Transfer-Encoding chunked》
  • 匿名发表在《c++实现解析Transfer-Encoding chunked》
  • sex发表在《Python模拟登录验证码(代码简单)》
  • 网站地图
  • 跑空射击
  • RSS
  • 生辰八字测试
跑歩客©2018