在 HTML 中，單選按鈕（radio button）是用于讓用戶在多個選項中選擇其中一個的表單元素。有時候，我們需要設置某個單選按鈕為默認選中狀態(tài)，以便在頁面加載時就顯示出用戶的默認選擇。本文將詳細介紹在 HTML 中如何設置單選按鈕的默認選中狀態(tài)。

一、HTML 中單選按鈕的基本結(jié)構(gòu)

單選按鈕通常使用 `` 元素來創(chuàng)建，通過設置 `type="radio"` 來指定其為單選按鈕類型。每個單選按鈕都需要有一個唯一的 `name` 屬性，以便在一組單選按鈕中進行互斥選擇。以下是一個簡單的單選按鈕示例：

```html

男

女

```

在上述代碼中，兩個單選按鈕都具有相同的 `name` 屬性值 "gender"，這意味著它們屬于同一組單選按鈕。用戶只能選擇其中一個單選按鈕。

二、設置單選按鈕的默認選中狀態(tài)

要設置單選按鈕的默認選中狀態(tài)，可以在 `` 元素中添加 `checked` 屬性。當頁面加載時，具有 `checked` 屬性的單選按鈕將自動被選中。以下是設置默認選中單選按鈕的示例：

```html

男

女

```

在上述代碼中，第一個單選按鈕具有 `checked` 屬性，因此它在頁面加載時將被默認選中。

三、通過 JavaScript 設置默認選中狀態(tài)

除了在 HTML 中直接設置默認選中狀態(tài)外，還可以通過 JavaScript 來動態(tài)設置單選按鈕的默認選中狀態(tài)。這種方法在需要根據(jù)用戶的操作或其他條件來決定默認選中按鈕時非常有用。以下是一個使用 JavaScript 設置默認選中單選按鈕的示例：

```html

紅色

綠色

藍色

```

在上述代碼中，通過 `document.getElementsByName("color")` 獲取了所有名為 "color" 的單選按鈕，并使用 `[1]` 選擇了第二個單選按鈕，然后將其 `checked` 屬性設置為 `true`，以實現(xiàn)默認選中狀態(tài)。

四、注意事項

1. 確保每個單選按鈕組都有唯一的 `name` 屬性值，否則它們將不會互斥。

2. 在使用 JavaScript 設置默認選中狀態(tài)時，要確保頁面加載完成后再執(zhí)行相關(guān)代碼，以免出現(xiàn)錯誤。

3. 如果需要根據(jù)用戶的操作來動態(tài)改變默認選中狀態(tài)，可以在相應的事件處理函數(shù)中修改單選按鈕的 `checked` 屬性。

在 HTML 中設置單選按鈕的默認選中狀態(tài)可以通過在 HTML 代碼中直接添加 `checked` 屬性或使用 JavaScript 來實現(xiàn)。根據(jù)具體的需求選擇合適的方法，可以讓用戶在使用表單時更加方便和直觀。