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

解决jquery操作checkbox火狐下第二次无法勾选问题

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

    本文导语:  最近在工作中使用jquery操作checkbox,使用下面方法进行全选、反选: 代码如下: var ischecked=allCheckObj.is(':checked'); ischecked?checksObj.attr('checked',true):checksObj.attr('checked',false); 调试时在ie没有问题,考虑到兼容性,试试了firefox,遇到...

最近在工作中使用jquery操作checkbox,使用下面方法进行全选、反选:
代码如下:

var ischecked=allCheckObj.is(':checked');
ischecked?checksObj.attr('checked',true):checksObj.attr('checked',false);

调试时在ie没有问题,考虑到兼容性,试试了firefox,遇到了问题。于是乎,做了如下实验:
复选框绑定了click事件,点一次选中,再点击取消选中,依次类推。这个功能在ie中没问题,但是在firefox中测试的时候,前两次都没有问题,可以正常显示选中和取消,但当再去选中的时候,复选框的属性checkbox值变为"checked",没问题,但是复选框却不在显示选中状态,明明属性值改了,但是却不显示勾选,太诡异了。代码修改了却得不到正确的显示状态,纠结了很久,找不到原因。
正解:后来经偶像指点,原来是jQuery版本问题。我操作属性用的是
$("**").attr("attrName");而jQuery的版本用的是1.9,这就是存在一个兼容性和稳定性问题。
jQuery API明确说明,1.6+的jQuery要用prop,尤其是checkBox的checked的属性的判断,即
代码如下:

$("input[type='checkbox']").prop("checked");
$("input[type='checkbox']").prop("disabled", false);
$("input[type='checkbox']").prop("checked", true);

在使用是将attr改为prop,问题得解。
你遇到这个奇怪的问题了吗?赶紧试试吧

    
 
 
 
本站(WWW.)旨在分享和传播互联网科技相关的资讯和技术,将尽最大努力为读者提供更好的信息聚合和浏览方式。
本站(WWW.)站内文章除注明原创外,均为转载、整理或搜集自网络。欢迎任何形式的转载,转载请注明出处。












  • 相关文章推荐
  • andriod中UIScrollView无法正常滚动的解决方法
  • 无法显示网页验证码问题怎么解决
  • 网页验证码无法显示的解决方法
  • 解决 phpmyadmin #2002 无法登录 MySQL 服务器
  • android真机调试时无法显示logcat信息的解决方法介绍
  • redhat linux挂windows硬盘后无法显示中文 如何解决?
  • 怎么解决无法写nand flash的问题???
  • windows server2012无法连接无线网络解决方法(windows无线连接)
  • JQuery插件fancybox无法在弹出层使用左右键的解决办法
  • IIS7无法读取配置文件解决办法
  • 碰到MySQL无法启动1067错误问题解决方法
  • 由于扩展配置问题而无法提供您请求的页面错误解决方法
  • php的webservice的wsdl的XML无法显示问题的解决方法
  • ubuntu用root登录无法汉化怎么解决?
  • 某些IE客户端无法通过WCF获取数据的解决方法
  • 部署到iis后无法加载运行CSS文件的解决方法
  • SQL Server代理服务无法启动的解决方法
  • MySQL连接无法解析HOST主机名的解决方法
  • Linux下Oracle数据库,dbstart持续不动,数据库无法启动解决
  • IIS打开提示MMC无法创建管理单元的解决方法
  • 安装oracle9时,安装界面的字体无法正确显示,怎么解决啊???
  • secureCRT下Linux终端汉字乱码解决方法
  • VS2005解决方案管理器中不显示解决方案节点的解决办法
  • 修改配置真正解决php文件上传大小限制问题(nginx+php)
  • 有高手能破解RAR的密码吗,至今没有找到人能解决?(先只给10分意思意思,若解决,至少给解决的人500分!说话算话!)
  • 修改配置真正解决php文件上传大小限制问题(apache+php)
  • docker中文入门学习手册 iis7站长之家
  • window.onload事件覆盖掉body onload事件(window.onload和html body onload事件冲突)解决办法
  • 奇怪,怎么“已解决”问题只有4页(10/17日之后的),以前的已解决问题到哪里看?
  • sharepoint 2010中item.Update()和item.SystemUpdate 修改数据版本问题解决
  • 解决!解决!求助如何安装多系统!


  • 站内导航:


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

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

    浙ICP备11055608号-3