HTML Table 其中包含复选框，是否需要将 HTML Table 导出到 Excel 仅包含选中行的文件？

Question

我有一个 HTML table，其中一列是一个复选框。我们可以 select 那个特定 table 中的任何行。现在我只需要导出从 HTML table 到 excel 文件中检查的行。我该怎么做？

在下图中，我只想导出检查到 excel 文件的第 1、2 和 5 行。

Answer 1

这部分可以获取选中数据所在行的数据

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width">
  <title>JS Bin</title>
</head>
<body>
  <div id="here"></div>
  <table style="width:100%" id="table">
  <tr>
    <td><input class="checkMe" type="checkbox" />    &nbsp;   </td>
    <td>Jill</td>
    <td>Smith</td> 
    <td>4350</td>
  </tr>
  <tr>
    <td><input class="checkMe" type="checkbox" />    &nbsp;   </td>
    <td>Mark</td>
    <td>Kllis</td> 
    <td>5110</td>
  </tr>
  <tr>
    <td><input class="checkMe" type="checkbox" />    &nbsp;   </td>
    <td>Keath</td>
    <td>Marks</td> 
    <td>53210</td>
  </tr>
    </table>
  <button onclick="myFunction()">Click me</button>

  <script>
    function myFunction(){
      var checks = document.getElementsByClassName('checkMe');
      var table = document.getElementById('table')

      var element = document.getElementById("here");
      while (element.firstChild) {
        element.removeChild(element.firstChild);
      }
      for (var i = 0; i < table.rows.length; i++) {
        if(checks.item(i).checked == true){
          var fName = table.rows[i].cells[1].innerHTML; //first column  
          var lName = table.rows[i].cells[2].innerHTML; //first column  
          var num = table.rows[i].cells[3].innerHTML; //first column  
          var para = document.createElement("p");
          var node = document.createTextNode(fName + " " + lName + " "  + num);
          para.appendChild(node);

          element.appendChild(para); 
        }
      }
    }
  </script>

</body>
</html>

对于写入 CSV 已经有一个很好的答案HERE and he made a cool code on fiddle which you can take a look at HERE

HTML Table 其中包含复选框，是否需要将 HTML Table 导出到 Excel 仅包含选中行的文件？

HTML Table which contains check boxes, Need to Export HTML Table to Excel File for only the checked rows?

html

javascript

jquery

export-to-excel