jquery：获取checked复选框的问题

最新推荐文章于 2023-04-23 14:44:16 发布

原创最新推荐文章于 2023-04-23 14:44:16 发布 · 623 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#jquery #web

JavaWeb 同时被 2 个专栏收录

28 篇文章

订阅专栏

Jquery

4 篇文章

订阅专栏

本文介绍了使用JQuery实现全选功能的正确方法，并详细解释了如何避免在获取复选框选中状态时常见的错误。文章通过实例展示了正确的语法用法。

jquery：获取checked复选框的问题

功能描述：要完成一个全选的功能，但总是获取不到复选框的被选中的个数，究其原因，是Jquery中length和checked使用不当所造成的。

// 获取所有条目的个数

正确形式：var all = $(":checkbox[name=checkboxBtn]").length;

错误形式：var all = $(":checkbox[name=checkboxBtn]").length();

错误形式：var all = $(":checkbox[name=checkboxBtn]").size();

// 获取所有被选择条目的个数

正确形式：var select = $(":checkbox[name=checkboxBtn]:checked").length;

错误形式：var select = $(":checkbox[name=checkboxBtn]:checked").length();

错误形式：var select = $(":checkbox[name=checkboxBtn]:[checked==true]").length;

错误形式：var select = $(":checkbox[name=checkboxBtn]:checked").size;

错误形式：var select = $(":checkbox[name=checkboxBtn]:[checked==true]").size();

总结：Jquery版本一直在更新，我们也要时刻注意改动了些什么，随时做出变化和应对。