el table实现单选

要实现单选功能，可以通过以下步骤来操作：

1. 给每一行添加一个单选框（radio button），并设置相同的 name 属性，以确保同一时间只有一个单选框被选中。

<table>
  <tr>
    <td><input type="radio" name="row"></td>
    <td>第一行</td>
  </tr>
  <tr>
    <td><input type="radio" name="row"></td>
    <td>第二行</td>
  </tr>
  <tr>
    <td><input type="radio" name="row"></td>
    <td>第三行</td>
  </tr>
</table>

2. 使用 JavaScript 监听单选框的点击事件，当被选中时，将其所在行高亮显示，同时取消其他行的高亮。

<style>
  .selected {
    background-color: yellow;
  }
</style>
<script>
  var rows = document.querySelectorAll('input[name="row"]');
  for (var i = 0; i < rows.length; i++) {
    rows[i].addEventListener('click', function() {
      var tr = this.parentNode.parentNode;
      var allTrs = document.getElementsByTagName('tr');
      for (var j = 0; j < allTrs.length; j++) {
        allTrs[j].classList.remove('selected');
      }
      tr.classList.add('selected');
    });
  }
</script>

这样就可以实现表格的单选功能了。