如何使用jquery从数据表中单击按钮选择筛选结果

时间:2014-11-19 10:25:15

标签: javascript jquery html datatables

我有一些带有一些行的数据表,表脚用于过滤数据表上的数据。我想创建一个选择按钮,可以选择/取消选择仅过滤的结果,即仅从过滤结果的第一列中选​​择复选框。 在这里使用过简单的HTML,它看起来像这样:



<html>
  <body>
    <p>
      <input type="button" id="select" value="Select">
    </p>
    <table>
      <tr>
        <th>#</th>
        <th>ID</th>
        <th>Name</th>
      </tr>
      <tr>
        <td><input type="checkbox" id="120"></td>
        <td>120</td>
        <td>abc</td>
      </tr>
      <tr>
        <td><input type="checkbox" id="119"></td>
        <td>119</td>
        <td>xyz</td>
      </tr>
      <tr>
        <td></td>
        <td><input type="textbox"></td>
        <td><input type="textbox"></td>
      </tr>
    </table>
  </body>
</html>
&#13;
&#13;
&#13;

1 个答案:

答案 0 :(得分:3)

您可以使用以下方法获取已过滤的行:

var rows = $(&#34; .datatable&#34;)。dataTable()。$(&#39; tr&#39;,{&#34; filter&#34;:&#34; applied&# 34;});

然后你可以迭代每一行并应用你需要的东西 检查https://datatables.net/forums/discussion/18375/get-all-filtered-rows-across-all-pages 了解更多信息