HTML radio是一種常見的用戶界面控件，用于在一組選項(xiàng)中選擇一個(gè)選項(xiàng)。在HTML中，<input>標(biāo)簽具有type屬性為“radio”，用于創(chuàng)建單選按鈕。

<input type="radio" name="gender" value="male"> Male
<input type="radio" name="gender" value="female"> Female

以上代碼示例展示了兩個(gè)單選按鈕，分別用于選擇性別，其屬性name為“gender”，value分別為“male”和“female”。當(dāng)用戶單擊其中一個(gè)選項(xiàng)時(shí)，將選擇它并將其值與name一起提交。

如果我們需要設(shè)置默認(rèn)選中的值，可以通過給其中一個(gè)單選按鈕添加checked屬性來實(shí)現(xiàn)：

<input type="radio" name="gender" value="male" checked> Male
<input type="radio" name="gender" value="female"> Female

以上代碼示例中，單選按鈕Male添加了checked屬性，因此在頁面加載時(shí)將默認(rèn)選中。此外，我們還可以使用JavaScript更改單選按鈕的選中狀態(tài)。假設(shè)我們有一個(gè)表示食品類型的單選按鈕組：

<input type="radio" name="food" value="pizza"> Pizza
<input type="radio" name="food" value="burger"> Burger
<input type="radio" name="food" value="sushi"> Sushi

我們可以使用以下代碼將單選按鈕設(shè)置為選中：

var foodType = "sushi";
document.querySelector('input[name="food"][value="' + foodType + '"]').checked = true;

以上代碼將查找具有name為“food”和value為“sushi”的單選按鈕，并將其選中。