如何在数据表jQuery中添加可全选的复选框

<input type="checkbox" id="selectAll">全选
<table>
  <tr>
    <td><input type="checkbox" class="dataRow"></td>
    <td>Data 1</td>
  </tr>
  <tr>
    <td><input type="checkbox" class="dataRow"></td>
    <td>Data 2</td>
  </tr>
  <tr>
    <td><input type="checkbox" class="dataRow"></td>
    <td>Data 3</td>
  </tr>
</table>

$(document).ready(function() {
  // 全选复选框的事件处理程序
  $("#selectAll").change(function() {
    $(".dataRow").prop("checked", $(this).prop("checked"));
  });
  
  // 数据行复选框的事件处理程序
  $(".dataRow").change(function() {
    // 检查是否所有数据行的复选框都被选中
    if ($(".dataRow:checked").length === $(".dataRow").length) {
      $("#selectAll").prop("checked", true);
    } else {
      $("#selectAll").prop("checked", false);
    }
  });
});