js 点击table行保存数据

要实现点击表格行保存数据，你可以使用JavaScript来实现。以下是一个简单的示例：

首先，给每个表格行添加一个点击事件监听器。你可以通过获取表格的所有行元素，然后使用`addEventListener`方法为每个行元素添加点击事件监听器。在事件处理程序中，你可以获取所点击行的数据并保存。

HTML代码示例：

<table id="myTable">
  <tr>
    <th>姓名</th>
    <th>年龄</th>
    <th>性别</th>
  </tr>
  <tr>
    <td>张三</td>
    <td>25</td>
    <td>男</td>
  </tr>
  <tr>
    <td>李四</td>
    <td>30</td>
    <td>男</td>
  </tr>
  <tr>
    <td>王五</td>
    <td>28</td>
    <td>女</td>
  </tr>
</table>

JavaScript代码示例：

// 获取表格
var table = document.getElementById("myTable");

// 获取所有行
var rows = table.getElementsByTagName("tr");

// 为每个行元素添加点击事件监听器
for (var i = 0; i < rows.length; i++) {
  rows[i].addEventListener("click", function() {
    // 获取所点击行的数据
    var rowData = this.cells; // this指向当前点击的行元素

    // 保存数据或进行其他操作
    // 这里可以将rowData中的数据保存到变量、数组或发送到服务器等
    console.log(rowData);
  });
}

在上面的示例中，我们使用了`getElementsByTagName`方法来获取所有的`<tr>`元素，并使用`addEventListener`方法为每个行元素添加点击事件监听器。在事件处理程序中，我们使用`this.cells`获取所点击行的所有单元格，并可以将其保存到变量、数组或进行其他操作。你可以根据实际需求进行修改和扩展。