在CSS表格中添加選項是一個常見的需求，有時候我們需要在表格中設置一些選擇框或者單選框，來滿足用戶的需求。下面我將介紹幾種實現方法。
使用CSS偽類
CSS中的偽類可以讓我們為特定的標簽添加一些特殊的樣式，其中包括一些和交互相關的樣式，比如:hover,:active,:checked等。我們可以利用:checked偽類來實現在表格中添加單選框。
代碼如下：

input[type="radio"]:checked+label{
background-color: #ccc;
}

其中，input[type="radio"]是指定了單選框的類型，:checked偽類表示選中狀態，+是CSS中的相鄰兄弟關系選擇器，用于選擇緊接在之前的兄弟元素，label則是單選框的文字標簽。這里我們將選中的單選框的樣式設置為背景色為灰色。
使用JS插入選項
如果我們需要動態地添加選項，那么可以使用JS來插入DOM節點，比如下面的例子中將向表格中插入一行。這種方法適用于需要用戶輸入信息，然后進行添加的場景。
代碼如下：

var tableRef = document.getElementById("myTable").getElementsByTagName('tbody')[0];
var newRow   = tableRef.insertRow();
var newCell1  = newRow.insertCell(0);
var newCell2  = newRow.insertCell(1);
var newText1  = document.createTextNode('New Option 1');
var newText2  = document.createTextNode('New Option 2');
var newRadio = document.createElement('input');
newRadio.type = "radio";
newRadio.name = "group1";
newCell1.appendChild(newRadio);
newCell2.appendChild(newText1);
newCell2.appendChild(document.createElement("br"));
newCell2.appendChild(newText2);

在這個例子中，我們首先通過getElementById方法獲取了表格的DOM節點，然后使用insertRow方法插入了一行。接著我們使用insertCell方法插入兩個單元格，使用createTextNode方法創建文本節點，用appendChild方法將新節點添加到單元格中。最后我們還用createElement方法創建了一個單選框，并將其添加到表格中。
使用CSS3的復選框
使用CSS3的:checked偽類，我們還可以實現通過復選框來添加選項的功能。如果我們需要在表格中添加多選框，那么可以使用下面的代碼。
代碼如下：

input[type="checkbox"]:checked+label{
background-color: #ccc;
}

這個代碼和單選框的實現方法類似，只不過input[type="radio"]變為了input[type="checkbox"]。通過:checked偽類我們可以定義選中后的樣式。
以上這幾種方法都是常見的在CSS表格中添加選項的實現方法，我們可以根據自己的需求選擇使用其中的一種或多種。無論哪種實現方式，都能夠為用戶提供更好的交互體驗。