jQuery实现checkbox全选功能,第二次点击数据无法实现勾选解决方案

2019年6月27日15:01:37 2 97
摘要

jQuery实现checkbox全选功能,第二次点击数据无法实现勾选解决方案

前言

最近写项目,需要做一个全选变更状态的功能,因为我不是专门做前端的,经过资料查询后,做出了功能,但第二次点击后,全选功能无法勾选,查看html代码后发现已经将多选勾选上了,但页面上没有显示勾选,获取数据的时候也是空的。

原因

经过资料查询后得知,jQuery在针对这个问题,不同版本有不同的解决方法;

代码

  1. jQuery1.9.1针对checkbox的调整方法,用prop代替attr。
  2. 在jquery 1.8.x中的版本,对于checkbox的选中与不选中操作如下:
  3. 1.判断是否选中:$('#checkbox').prop('checked')
  4. 2.设置选中与不选中状态:
  5. $('#checkbox').attr('checked',true)$('#checkbox').attr('checked',false)

刚好我使用的版本是1.12,刚好需要将attr使用prop代替就可以正常使用了。

weinxin
微信公众号
博客微信公众号,欢迎关注。
不忘初心 牢记使命

发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen:

目前评论:2   其中:访客  1   博主  1

    • avatar 心灵博客 4

      jq都慢慢被淘汰了。

        • avatar 萧瑟  博主

          @心灵博客 淘汰但不保证没有人去用。一般WEB项目,企业站之类的这东西还不能缺。最新的前端技术太杂,太乱了。