Return 选中特定 "Bootstrap" 复选框时 JQuery 数据表中的行

Question

1.为什么我的代码不适用于 Bootstrap 复选框:

如果（bootstraps 复选框）在输入中有属性 "checked"，下面的 javascript 将完美工作，但它正在设置 class="checked" 在父跨度中。如下：

<span class="checked">
   <input type="checkbox" value="9577" class="overtimeapproval">
</span>

这个 javascript returns 一个包含我需要的所有行的数组：

$("#mytable:has(.overtimeapproval:checked)").dataTable().fnGetNodes();

2。我想我必须为 Bootstrap 复选框做些什么

为了使 javascript 与 bootstrap 复选框一起工作，我需要像这样的东西：

待办事项： $("#mytable:has(.overtimeapproval:parent:span:checked)").dataTable().fnGetNodes();

如何实现上面的 jquery 选择器？

Answer 1

$("#mytable:has(.overtimeapproval:parent.checked)").dataTable().fnGetNodes();

我想这对你有帮助。

Answer 2

我可以使用下面的 javascript 完全满足我的需要：

$($("#mytable").dataTable().fnGetNodes()).has('.overtimeapproval:checked')

It seems that Bootstrap checkboxes work properly with the :checked selector.

Return the rows in a JQuery datatable when specific "Bootstrap" checkbox checked