javascript - 如何使用 jquery 从数据表中单击按钮来选择过滤结果

标签 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>

最佳答案

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

var rows = $(".datatable").dataTable().$('tr', {"filter":"applied"});

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

关于javascript - 如何使用 jquery 从数据表中单击按钮来选择过滤结果,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/27014440/

相关文章:

javascript - 下载 JPG、PNG 格式时,签名板上的 Canvas 签名变成全黑

javascript - Twitter 小部件中的滚动元素

javascript - 如何突出显示所选选项卡?

javascript - 准确捕获 iframe 上的点击

javascript - jQuery UI Sortable 工作异常

Javascript:在可编辑的div中按下回车键时如何触发退格键?

javascript - JQuery可排序列表记录增量问题

javascript - Blob 的 slice 方法在 Chrome 中工作不正常

javascript - 如何通过每个对象元素迭代对象数组?

javascript - 通过具有不同键的对象数组进行映射