js生成一个sow的表格html模板，可以鼠标点选，生成最终清单发送json

以下是一个简单的实现，用于生成一个可鼠标点选的表格，并将最终清单以 JSON 格式发送。

HTML模板：

<table id="myTable">
  <thead>
    <tr>
      <th>名称</th>
      <th>价格</th>
      <th>选择</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>商品1</td>
      <td>100元</td>
      <td><input type="checkbox" name="item" value="商品1"></td>
    </tr>
    <tr>
      <td>商品2</td>
      <td>200元</td>
      <td><input type="checkbox" name="item" value="商品2"></td>
    </tr>
    <tr>
      <td>商品3</td>
      <td>300元</td>
      <td><input type="checkbox" name="item" value="商品3"></td>
    </tr>
  </tbody>
</table>
<button onclick="submitSelection()">提交选择</button>

JavaScript代码：

function submitSelection() {
  var table = document.getElementById("myTable");
  var selectedItems = [];
  for (var i = 1; i < table.rows.length; i++) {
    var checkbox = table.rows[i].cells[2].getElementsByTagName("input")[0];
    if (checkbox.checked) {
      selectedItems.push(checkbox.value);
    }
  }
  var jsonData = JSON.stringify(selectedItems);
  console.log(jsonData); // 发送jsonData到服务器
}

说明：
1. 使用HTML `<table>` 元素创建表格，其中包含一个表头和若干行数据。
2. 每行数据包含一个名称、一个价格和一个复选框，名称和价格用 `<td>` 元素表示，复选框用 `<input>` 元素表示。
3. 复选框的 `name` 属性设置为 `item`，`value` 属性设置为商品名称。
4. 点击提交选择按钮时，从表格中获取被选中的商品名称，并将其以 JSON 格式发送到服务器。