JavaScript 是一種廣泛應用的編程語言，可以用來改變頁面上的元素，控制頁面的行為。其中，改變頁面的 radio 按鈕是一個常見的需求。下面我們將深入探討如何使用 JavaScript 來實現 radio 的改變，并舉例說明。

首先，我們需要獲取要操作的 radio 元素。可以通過 document.getElementsByName() 方法獲取一個 radio 的集合，再通過循環操作實現改變。例如，我們有如下的 HTML 代碼：

<input type="radio" name="status" value="1"> 啟用
<input type="radio" name="status" value="0"> 禁用

要改變其中一個 radio 的狀態，可以進行如下操作：

var radios = document.getElementsByName("status");
radios[0].checked = true; // 改變第一個 radio 的狀態為選中

上述代碼中的 document.getElementsByName("status") 會返回一個包含 name 屬性為 "status" 的所有元素的集合。因此，radios[0] 就代表第一個 radio 元素，radios[1] 就代表第二個 radio 元素，以此類推。

另外，我們還可以使用 jQuery 來簡化代碼。jQuery 提供了一種更加直觀、易于操作的方式來改變 radio 的狀態。例如：

$("input[name='status'][value='1']").prop("checked", true); // 改變第一個 radio 的狀態為選中

上述代碼中的 $("input[name='status'][value='1']") 選擇器會選取 name 屬性為 "status" 且 value 值為 "1" 的元素。接著，調用 .prop("checked", true) 方法即可改變該元素的狀態為選中。

除了改變 radio 初始狀態外，有時也需要通過 JavaScript 來動態改變 radio 的狀態。例如，我們有一個表單提交按鈕，只有當用戶選擇了 radio 選項并填寫了其他信息時才能被點擊。此時，我們可以通過監聽 radio 元素的 change 事件來實現：

var radios = document.getElementsByName("status");
for (var i = 0; i < radios.length; i++) {
radios[i].addEventListener("change", function() {
// 檢查其他信息是否填寫完整
if (document.getElementById("name").value !== "" && document.getElementById("age").value !== "") {
document.getElementById("submit").disabled = false; // 啟用提交按鈕
}
});
}

上述代碼將遍歷所有的 radio 元素，為它們添加一個 change 事件監聽器。當其中任一 radio 的狀態發生改變時，會觸發該函數。

綜上所述，改變 radio 的狀態是 JavaScript 中的一個常見需求。通過獲取元素、使用 jQuery 等方式，我們可以在頁面中實現 radio 的動態改變。