关于 jQuery 操作复选框 checkbox 的 attr 无效的问题的解决方案

本贴最后更新于 2603 天前,其中的信息可能已经斗转星移

关于 checkbox 的 attr 无效的问题的经济办法

jq 用了 10 版本的,一直发现 attr 无效,其实解决问题的方法是很简单的,主要的问题是由于 新版本 attr 换成了 prop 的问题。

$("input[name='delIds']").prop("checked",this.checked);

jQuery 更改 checkbox 的状态,无效

(this).attr(\"checked\", false).checkboxradio(\"refresh\");     //应该这么写吧,少了这个东东~~~跟 js 混淆了

jQuery 操作复选框(checkbox) attr checked 不起作用

这天用到 jQuery 功能,想实现一个简单的复选框动态全选或全不选,结果测试发现 attr('checked','checked');与 attr('checked',true); 都不好使,要么第一次成功了,第二次调用就没反应,完全不起作用了。那到底是什么原因呢?

到处到网上搜 jQuery checkbox 的操作,动态选择的相关文章,都写着是这样的实现代码:

$('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 的原因?还是说我要使用原生的 javascript 代码来完成这项工作呢?

这些都不是理由,理由应该 是自己没有用好。不可能这么牛比的框架这么简单的功能都不能实现(也不要轻意怀疑浏览器的问题)

最终解决方案

还是到官网,搜索了’checkbox’,找到一文章,仔细查看了下,有一个类似的操作是

$('obj').attr('checked',true);
$('obj').prop('checked',true); 
$('obj').attr('checked',false);
$('obj').prop('checked',false);

好了,擦亮你的眼睛,没错最后用的是 prop 方法操作一切就 OK 啦。

  • jQuery

    jQuery 是一套跨浏览器的 JavaScript 库,强化 HTML 与 JavaScript 之间的操作。由 John Resig 在 2006 年 1 月的 BarCamp NYC 上释出第一个版本。全球约有 28% 的网站使用 jQuery,是非常受欢迎的 JavaScript 库。

    63 引用 • 134 回帖 • 726 关注

相关帖子

欢迎来到这里!

我们正在构建一个小众社区,大家在这里相互信任,以平等 • 自由 • 奔放的价值观进行分享交流。最终,希望大家能够找到与自己志同道合的伙伴,共同成长。

注册 关于
请输入回帖内容 ...
  • wenandlu

    如果我没看错的话,你“屡试不爽”这个成语用错了,爽在这里指的是差错,屡试不爽的意思是,屡次试验都没有差错