AJAX（Asynchronous JavaScript and XML）是一種用于在不重新加載頁面的情況下更新網站內容的技術。在Web開發中，經常會遇到需要設置單選框（radio button）的選擇狀態的情況。本文將介紹如何使用AJAX來動態地設置單選框的選擇狀態。

在一個在線投票系統中，我們需要根據用戶的選擇來設置單選框的選擇狀態。首先，我們需要創建一個包含多個單選框的表單。例如，我們設置了兩個單選框，分別代表“是”和“否”選項：

<form id="voteForm"><label><input type="radio" name="vote" value="yes">是
</label><label><input type="radio" name="vote" value="no">否
</label></form>

接下來，我們需要使用AJAX來根據用戶的選擇來設置單選框的選擇狀態。首先，我們需要監聽單選框的改變事件。當用戶選擇了一個選項時，我們通過AJAX異步地發送請求到服務器，并將用戶的選擇作為參數傳遞。

$('input[name=vote]').change(function() {
var selectedOption = $(this).val();
$.ajax({
url: 'api/vote',
method: 'POST',
data: { option: selectedOption },
success: function(response) {
// 根據服務器返回的數據來設置單選框的選擇狀態
if (response === 'yes') {
$('input[value=yes]').prop('checked', true);
} else if (response === 'no') {
$('input[value=no]').prop('checked', true);
}
}
});
});

在上述代碼中，當單選框的值發生改變時，我們獲取被選擇的選項的值，并發送AJAX請求到服務器的'api/vote'接口。在服務器端，我們處理該請求，并根據用戶的選擇返回相應的結果（'yes'或'no'）。當AJAX請求成功后，我們根據服務器返回的結果來設置單選框的選擇狀態。如果返回的結果為'yes'，我們將“是”選項的單選框設為選中狀態；如果返回的結果為'no'，我們將“否”選項的單選框設為選中狀態。

使用AJAX來動態地設置單選框的選擇狀態可以提升用戶體驗，使得用戶界面更加靈活和交互。例如，當用戶選擇了“是”選項，但由于某些原因需要撤回選擇時，我們可以通過服務器返回的結果來還原單選框的狀態，而無需刷新整個頁面。

總結而言，我們可以通過AJAX來根據用戶的選擇設置單選框的選擇狀態。通過監聽單選框的改變事件以及使用AJAX發送請求到服務器，在服務器端進行相關處理并返回結果后，我們可以動態地設置單選框的選擇狀態，從而提升用戶體驗和界面交互。