javascript代码实例教程-解决jquery操作checkbox全选全不选无法勾选问题

发布时间:2019-01-16 发布网站:脚本宝典
脚本宝典收集整理的这篇文章主要介绍了javascript代码实例教程-解决jquery操作checkbox全选全不选无法勾选问题脚本宝典觉得挺不错的,现在分享给大家,也给大家做个参考。
小宝典致力于为广大程序猿(媛)提供高品质的代码服务,请大家多多光顾小站,小宝典在此谢过。 解决jquery操作checkbox全选全不选无法勾选问题

最近在工作中使用jquery操作checkbox,使用下面方法进行全选、反选:
$(input[name='checkbox']).attr(checked,checked);
调试时,前两次都没有问题,可以正常显示选中和取消,但当再去选中的时候,复选框的属性checkbox值变为checked,没问题,但是复选框却不在显示选中状态,明明属性值改了,但是却不显示勾选,太诡异了。代码修改了却得不到正确的显示状态,纠结了很久,找不到原因

于是乎各种找原因,后来在网上搜到一篇文章提醒了我,原来jQuery版本问题。
我操作属性用的是
$(XXX).attr(attrName);而jQuery的版本用的是2.1.1,这就是存在一个兼容性和稳定性问题。
jQuery API明确说明,1.6+的jQuery要用PRop,尤其是checkBox的checked的属性的判断,即
使用代码如下:

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

于是乎将attr改为prop,问题得解。
如果您遇到这个奇怪的问题那就赶紧试试吧!

 

觉得可用,就经常来吧! 脚本宝典 欢迎评论哦! js脚本,巧夺天工,精雕玉琢。小宝典献丑了!

脚本宝典总结

以上是脚本宝典为你收集整理的javascript代码实例教程-解决jquery操作checkbox全选全不选无法勾选问题全部内容,希望文章能够帮你解决javascript代码实例教程-解决jquery操作checkbox全选全不选无法勾选问题所遇到的问题。

如果觉得脚本宝典网站内容还不错,欢迎将脚本宝典推荐好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。