Как задать border у определенной колонки таблицы и убрать ее по нажатию кнопки?

function Select(that) { 
  tdEach = document.getElementsByTagName("td"); 
 
  for (var i = 0; i < tdEach.length; i++) { 
    tdEach[i].style.borderColor = "transparent"; 
  } 
 
  cellNum = that.parentElement.cellIndex; 
 
  trEach = document.getElementsByTagName("tr"); 
 
  for (var i = 0; i < trEach.length; i++) { 
    trChoosen = trEach[i].children[cellNum]; 
    trChoosen.style.borderLeft = "1px solid"; 
    trChoosen.style.borderRight = "1px solid"; 
 
  }; 
}

table { 
  border-collapse: collapse; 
} 
 
td { 
  border: 1px solid transparent; 
} 
 
td:nth-child(2n) { 
  border-right: none; 
}

<table> 
  <colgroup></colgroup> 
  <colgroup id="id1"></colgroup> 
 
  <colgroup></colgroup> 
  <colgroup id="id2"></colgroup> 
 
  <tr> 
    <td> <input type=radio name=r onClick="Select(this);"> </td> 
    <td><label>Блок1</label></td> 
    <td> <input type=radio name=r onClick="Select(this);"> </td> 
    <td><label>Блок2</label></td> 
    <td></td> 
  </tr> 
 
  <tr> 
    <td> </td> 
    <td>текст1</td> 
    <td> </td> 
    <td>текст2</td> 
    <td> </td> 
  </tr> 
  <tr> 
    <td> </td> 
    <td>текст4</td> 
    <td> </td> 
    <td>текст5</td> 
    <td> </td> 
  </tr> 
</table>