jQuery是一個(gè)流行的JavaScript庫(kù)，用于在網(wǎng)頁(yè)中創(chuàng)建交互性和動(dòng)態(tài)性。在網(wǎng)頁(yè)中，單選按鈕是一種常見(jiàn)的表單元素，允許用戶(hù)在一組選項(xiàng)中選擇一個(gè)單一的選項(xiàng)。在本文中，我們將介紹如何使用jQuery來(lái)控制單選按鈕的選中狀態(tài)。

// 首先，我們需要為單選按鈕組添加一個(gè)共同的類(lèi)名
<input type="radio" class="radio-btn" name="option" value="Option 1" />
<input type="radio" class="radio-btn" name="option" value="Option 2" />
<input type="radio" class="radio-btn" name="option" value="Option 3" />
// 通過(guò)jQuery選擇器來(lái)選中單選按鈕組，并為其綁定change事件，當(dāng)選中的單選按鈕改變時(shí)觸發(fā)
$('.radio-btn').change(function() {
// 使用jQuery this方法選中當(dāng)前選中的單選按鈕，并獲取其值
var selectedOption = $(this).val();
// 在控制臺(tái)中輸出選中的值
console.log(selectedOption);
});

如上所述，我們首先為單選按鈕組添加一個(gè)共同的類(lèi)名，并使用jQuery選擇器選中該按鈕組。然后，我們使用change方法為單選按鈕組綁定一個(gè)change事件。每次選中的單選按鈕發(fā)生變化時(shí)，change事件將被觸發(fā)，并調(diào)用一個(gè)函數(shù)。函數(shù)中，我們使用jQuery this方法選中當(dāng)前選中的單選按鈕，并獲取其值。最后，我們?cè)诳刂婆_(tái)中輸出選中的值以進(jìn)行測(cè)試。

通過(guò)使用jQuery來(lái)控制單選按鈕的選中狀態(tài)，我們可以使網(wǎng)頁(yè)更加動(dòng)態(tài)和交互性，從而提高用戶(hù)體驗(yàn)。