计算在整个DOM中选中的所有复选框，即使这些复选框没有与DataTable一起显示

Count all checkboxes that are checked in the entire DOM even when they are not displayed with DataTable?

本文关键字：复选框 显示 一起 DataTable DOM 计算      更新时间：2023-09-26

我有一个包含城市列表的表。每一行都有一个带有city类的复选框。

尽管所有城市都出现在页面的源代码中，但表格一次只显示十个城市(因为我希望它这样做(。在表格的底部有一个按钮，显示下一个城市。

我想知道有多少复选框被选中。

因此，我尝试了$('.city').length，但此函数只计算此时表中出现的复选框，而不计算DOM中有效存在的复选框。(例如：在DOM中有30个城市，表中一次只显示10个城市。上面的函数返回10。(

如何计算所有选中的复选框？

更新：

使用DataTable，我用解决了问题

var nodes=$('#table'(.DataTable((.rows((.nodes((；

有了它，我可以坐满桌子。

试试这个：

$('input:checkbox:checked').length

对于您所在的城市，您可以执行以下

$('input:checkbox.city:checked')

尝试：

$('input[type=checkbox].city:checked').length

试试这个：

$("input[type=checkbox]:checked").length

$('input.cbx').on('change', function () {
    alert($('input.cbx:checked').length);
});

演示

获取与复选框类似的类并获取length

相关文章：