开发者社区> 浣熊干面包> 正文

JQuery checkbox check/uncheck

简介:
+关注继续查看

想通过JQuery来check或者uncheck页面上的checkbox控件,我们可能会想到用下面的代码:

$('#chk-all').on('click', function(){
    var checked = $(this).is(':checked');
    $("input[type='checkbox'][name='chk-att']").attr('checked', checked);
});

  chk-all是一个checkbox控件,我们想通过点击它来实现全选或取消全选的功能。在onclick事件中,首先通过$(this).is(':checked')来获取该checkbox当前的选中状态,然后将页面上所有name='chk-att'的checkbox控件选中或取消选中。这里使用的方法是修改checked属性的值,然而该方法并不总是奏效,有时你会看到元素的属性值确实被修改了,但是选中状态并未改变。尝试将attr()方法改成removeAttr()来实现取消选中,仍然不起作用!

  解决办法是使用prop()函数来替代上面代码中的attr()函数。将上面的代码修改如下:

$('#chk-all').on('click', function(){
    var checked = $(this).is(':checked');
    $("input[type='checkbox'][name='chk-att']").prop('checked', checked);
});

 


本文转自Jaxu博客园博客,原文链接:http://www.cnblogs.com/jaxu/p/5143637.html,如需转载请自行联系原作者

版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。

相关文章
JavaScript动画函数封装
JavaScript动画函数封装
5 0
JavaScript动画函数增加属性,函数,层级,透明度的封装
JavaScript动画函数增加属性,函数,层级,透明度的封装
5 0
JavaScript动画案例——筋斗云,手风琴,固定导航栏
JavaScript动画案例——筋斗云,手风琴,固定导航栏
8 0
JavaScript制作可拖拽的弹出对话框
JavaScript制作可拖拽的弹出对话框
7 0
autojs起手式
牙叔教程 简单易懂
6 0
深入理解 Jetpack Compose:SlotTable 系统
Compose 的绘制有三个阶段,组合 > 布局 > 绘制。从组合到上屏的一系列过程中主要是依靠 SlotTable 系统来完成,SlotTable 记录了 Composiiton 的状态,当 SlotTable 的状态发生变化时,会触发 LayoutNode 树的更新,实现 UI 重新渲染。......
7 0
autojs类方法重载overload
牙叔教程 简单易懂
6 0
941
文章
0
问答
文章排行榜
最热
最新
相关电子书
更多
JS零基础入门教程(上册)
立即下载
性能优化方法论
立即下载
手把手学习日志服务SLS,云启实验室实战指南
立即下载