CSS radio 打勾是指使用 CSS 進行 radio 選項的分組和顯示。使用 CSS 進行 radio 選項的分組和顯示，可以讓用戶在多個不同的 radio 選項之間進行選擇。
在 CSS 中，我們可以使用 `input[type="radio"]` 標簽來創建 radio 選項。`input[type="radio"]` 標簽中的 `type` 屬性指定了該元素為 radio 選項，`name` 屬性指定了選項名稱，而 `value` 屬性則指定了該選項的值。
例如，我們可以使用以下代碼創建一個 radio 選項組：
```html
<label for="my-radio-button">
<input type="radio" name="myRadio" value="myOption1">
My Option 1
</label>
<label for="my-radio-button">
<input type="radio" name="myRadio" value="myOption2">
My Option 2
</label>
<label for="my-radio-button">
<input type="radio" name="myRadio" value="myOption3">
My Option 3
</label>
在這個例子中，我們創建了三個不同的 radio 選項組，每個選項組的選項名稱分別為“My Option 1”、“My Option 2”和“My Option 3”。用戶可以通過點擊相應的選項按鈕來選擇不同的選項。
使用 CSS 進行 radio 選項的分組和顯示，可以使 radio 選項更加易于使用。例如，我們可以使用以下代碼來隱藏不必要的選項：
```html
<label for="my-radio-button">
<input type="radio" name="myRadio" value="myOption1">
My Option 1
</label>
<label for="my-radio-button">
<input type="radio" name="myRadio" value="myOption2">
My Option 2
</label>
<label for="my-radio-button">
<input type="radio" name="myRadio" value="myOption3">
My Option 3
</label>
<style>
input[type="radio"]:not(:last-child) {
display: none;
</style>
在這個例子中，我們使用了 CSS 的 `:not(:last-child)` 選擇器來隱藏最后一個選項。這樣，用戶就可以清楚地看到所有的選項，而不必擔心最后一個選項會被隱藏。
除了使用 CSS 進行 radio 選項的分組和顯示外，我們還可以使用 JavaScript 來實現 radio 選項的自動選擇。使用 JavaScript 實現 radio 選項的自動選擇，可以讓用戶更加方便地選擇需要的選擇。例如，我們可以使用以下代碼來自動選擇第一個選項：
```javascript
var radioButton = document.getElementById("my-radio-button");
var option = radioButton.value;
if (option === "myOption1") {
radioButton.addEventListener("click", function() {
// 選擇第一個選項
});
} else if (option === "myOption2") {
radioButton.addEventListener("click", function() {
// 選擇第二個選項
});
} else if (option === "myOption3") {
radioButton.addEventListener("click", function() {
// 選擇第三個選項
});
在這個例子中，我們使用了 JavaScript 的 `addEventListener` 方法來監聽 radio 選項的點擊事件，并根據選項的值來選擇相應的選項。這樣，用戶就可以通過點擊相應的選項按鈕來選擇不同的選項，而無需手動進行選擇。
CSS 和 JavaScript 都可以用來創建 radio 選項，可以使 radio 選項更加易于使用和易于理解。