首页 / JQUERY / JQuery checkbox check/uncheck

JQuery checkbox check/uncheck

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了JQuery checkbox check/uncheck，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含721字，纯文字阅读大概需要2分钟。

内容图文

　　想通过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);
});

 

原文：http://www.cnblogs.com/jaxu/p/5143637.html

内容总结

以上是互联网集市为您收集整理的JQuery checkbox check/uncheck全部内容，希望文章能够帮你解决JQuery checkbox check/uncheck所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/1316363.html

来源：【匿名】