当前位置:  编程技术>WEB前端

解决checkbox的attr(checked)一直为undefined问题

    来源: 互联网  发布时间:2014-08-25

    本文导语:  最近本屌丝应项目开发需求,需要做个一个全选的checkbox功能。 哎呀吗~~这不是很简单的事情么,一个总的checkbox,N多个子checkbox,总的checkbox一旦选中,子checkbox全部选中,总的一旦不选中,子的也都不选中。 拿到这个小需求...

最近本屌丝应项目开发需求,需要做个一个全选的checkbox功能。

哎呀吗~~这不是很简单的事情么,一个总的checkbox,N多个子checkbox,总的checkbox一旦选中,子checkbox全部选中,总的一旦不选中,子的也都不选中。

拿到这个小需求,本屌丝一阵窃喜,多么简单的功能啊,OK,两分钟完事~~~

时间一分一秒的过去,本屌丝内心奔腾的草原的马儿,从一直逐渐增加到了千万只~~~

这尼玛怎么回事?
alert($("#checkbox_all").attr("checked"));
一直为undefined?

纳尼???

为啥会这样??浏览器你傻了吗?然后果断换浏览器测试,从chrome到IE,从IE到火狐。结果都是这样 -_-||

难道是jquery又做改进了????

经过本屌丝用哈勃望远镜和高清镭射电子显微镜的查看,终于找到了端倪。。。。

原来,在jquery1.6版本便对此做出了修改:

【checked属性在页面初始化的时候已经初始化好了,不会随着状态的改变而改变。

也就是说如果checkbox在页面加载完毕是选中的,那么返回的永远都是checked(我的一开始就是没选中)

如果一开始没被选中,则返回的永远是undefined !】

既然jquery对此做出了修改,那肯定也就是有相应的更好的解决方法:

.prop()便是解决这个问题的利器!

具体用法如下:

alert($("#checkbox_all").prop("checked"));
此时就会变成true或者false啦~~


于是乎,本屌丝的代码就改成了如下:

#check_all 为全选的总checkbox,#check_children为子checkbox
代码如下:

$("#check_all").change(function(){
$('.check_children').prop("checked",this.checked);
});

或者:
代码如下:

$("#check_all").change(function(){
var is_checked = $(this).prop("checked");
$('.check_children').prop("checked",is_checked);
});

不过,我还是很喜欢用第一种方法的啦,代码越少越好嘛~~write less ,do more !

很方便的解决了全选的问题呀~~~

    
 
 

您可能感兴趣的文章:

  • g++ 编译出现:undefined reference to 'main'错误,请教如何解决?
  • Call to undefined function: mysql_connect这个错误怎么解决???
  • PHP代码错误:急!!!急!!急!!!Fatal error: Call to undefined function: dbase_open() 怎么解决???????????? 100在
  • ld 报undefined reference to `printf'求解决方法
  • php错误Undefined variable: 如何解决
  • 下面的程序为什么提示undefined referenc to ...p 解决了立刻给分
  • PHP FATAL ERROR: CALL TO UNDEFINED FUNCTION BCMUL()解决办法
  • undefined reference to `SetPduPowerConsumptionCnt'错误的解决方法
  • 解决jquery操作checkbox火狐下第二次无法勾选问题
  • Struts html:checkbox框初始默认是选中的解决方法
  • jquery 选中checkbox兼容问题如何解决?
  • ListView的View回收引起的checkbox状态改变监听等问题解决方案
  •  
    本站(WWW.)旨在分享和传播互联网科技相关的资讯和技术,将尽最大努力为读者提供更好的信息聚合和浏览方式。
    本站(WWW.)站内文章除注明原创外,均为转载、整理或搜集自网络。欢迎任何形式的转载,转载请注明出处。












  • 相关文章推荐
  • 使用checked语句防止数据溢出的解决方法
  • secureCRT下Linux终端汉字乱码解决方法
  • VS2005解决方案管理器中不显示解决方案节点的解决办法
  • 修改配置真正解决php文件上传大小限制问题(nginx+php)
  • 有高手能破解RAR的密码吗,至今没有找到人能解决?(先只给10分意思意思,若解决,至少给解决的人500分!说话算话!)
  • 修改配置真正解决php文件上传大小限制问题(apache+php)
  • 解决 select 挡住div的解决方法
  • window.onload事件覆盖掉body onload事件(window.onload和html body onload事件冲突)解决办法
  • 奇怪,怎么“已解决”问题只有4页(10/17日之后的),以前的已解决问题到哪里看?
  • sharepoint 2010中item.Update()和item.SystemUpdate 修改数据版本问题解决
  • 解决!解决!求助如何安装多系统!
  • andriod中UIScrollView无法正常滚动的解决方法
  • 解决多级索引速度慢的问题可否像解决多级页表那样使用TLB?
  • 错误:将'const x'作为'x'的'this'实参时丢弃了类型限定问题解决
  • Liunx命令tar压缩出现如下错误该怎么解决?急需解决!感谢
  • vs2010下禁用vmware的方法以及解决vmware插件导致vs2010变慢的问题
  • 求数据库解决方案===求数据库解决方案
  • windows server2008上PowerBuilder程序系统错误解决方法
  • MYSQL安装时解决要输入current root password的解决方法
  • Linux/CentOS下的CST和UTC时间的区别以及不一致的解决方法
  • 解决oracle用户连接失败的解决方法
  • Linux下时钟同步问题:Clock skew detected原因分析及解决方法
  • 呵呵,前段时间Ubuntu服务器版的问题总算解决了,解决方法就是重新安装桌面版-_-!


  • 站内导航:


    特别声明:169IT网站部分信息来自互联网,如果侵犯您的权利,请及时告知,本站将立即删除!

    ©2012-2021,,E-mail:www_#163.com(请将#改为@)

    浙ICP备11055608号-3