jQuery: 从表格的每一行获取复选框并选择它 - Javascript

本文将介绍如何使用jQuery在一个表格中获取每一行中的复选框，并选择它。这在处理表格数据时非常常见。

代码实现

首先，我们需要一个包含复选框的表格。以下是一个简单的例子：

<table>
  <thead>
    <tr>
      <th>选择</th>
      <th>姓名</th>
      <th>年龄</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td><input type="checkbox"></td>
      <td>张三</td>
      <td>20</td>
    </tr>
    <tr>
      <td><input type="checkbox"></td>
      <td>李四</td>
      <td>30</td>
    </tr>
    <tr>
      <td><input type="checkbox"></td>
      <td>王五</td>
      <td>25</td>
    </tr>
  </tbody>
</table>

我们想要获取每一行中的复选框，并将其选中，可以使用以下代码：

$('table tbody tr').each(function() {
  $(this).find('input[type="checkbox"]').prop('checked', true);
});

该代码使用each()方法来遍历表格中的每一行。在每个行中，使用find()方法获取该行中的复选框。然后使用prop()方法将复选框的checked属性设置为true，从而选中该复选框。

总结

使用上述代码，我们可以轻松地获取表格中每一行中的复选框，并选择它们。这种技术对于处理表格数据非常有用，并且可以通过jQuery非常容易地实现。