【转】jQuery 操作复选框(checkbox) attr checked不起作用
这天用到jQuery功能,想实现一个简单的复选框动态全选或全不选,结果测试发现 attr(‘checked’,'checked’);与attr(‘checked’,true); 都不好使,要么第一次成功了,第二次调用就没反应,完全不起作用了。那到底是什么原因呢?
害得‘跑客教授’到处到网上搜 jQuery checkbox的操作,动态选择的相关文章,都写着是这样的实现代码
1 2 3 4 | $( '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’,找到一文章,仔细查看了吓,有一个类似的操作是
1 2 3 4 | $( 'obj' ).attr( 'checked' , true ); $( 'obj' ).prop( 'checked' , true ); $( 'obj' ).attr( 'checked' , false ); $( 'obj' ).prop( 'checked' , false ); |
相关推荐
大象从不倒下 2020-07-31
AlisaClass 2020-07-19
淡风wisdon大大 2020-06-06
SoShellon 2013-06-01
chenshuixian 2013-06-01
羽化大刀Chrome 2013-05-31
LutosX 2013-07-29
ligaoyuan00 2013-03-31
swift 2013-03-26
quanhaoH 2013-06-17
周公周金桥 2020-09-06
MaureenChen 2020-04-21
xingguanghai 2020-03-13
teresalxm 2020-02-18
木四小哥 2013-05-14
Simagle 2013-05-31
waterv 2020-01-08
vanturman 2013-06-27