在編寫JavaScript的時候，獲取控件的值是一項基本任務。無論是文本框、下拉菜單、單選框還是復選框，控件值的獲取都是HTML表單的重中之重。下面將詳細介紹如何使用JavaScript獲取控件的值。

文本框是常見的控件之一，用于獲取用戶輸入的文本數據。文本框的值可以使用getElementById()方法獲取，并將其賦值給一個變量。下面是一個例子：

// 獲取文本框的值
var input = document.getElementById("text");
var inputValue = input.value;

在這個例子中，我們通過getElementById()方法獲取ID為“text”的文本框，然后獲取文本框的值并將其保存在inputValue變量中。

除了文本框，下拉菜單也是常見的控件之一。下拉菜單的值可以通過下拉菜單選項的索引進行訪問。例如，假設我們的下拉菜單有三個選項：A、B和C。我們可以使用下面的代碼來獲取用戶選擇：

// 獲取下拉菜單選項的值
var select = document.getElementById("dropdown");
var selectIndex = select.selectedIndex;
var selectValue = select.options[selectIndex].value;

在這個例子中，我們首先獲取了ID為“dropdown”的下拉菜單，然后獲取了用戶選擇的選項索引并將其保存在selectIndex變量中。最后，我們訪問選項數組中的選項并通過value屬性獲取選項的值。保存在selectValue變量中。

單選框和復選框的值獲取方法略有不同。單選框可以通過每個單選框的“checked”屬性訪問，而復選框可以使用數組訪問。下面是一個單選框和復選框的例子：

// 單選框的值獲取
var radio = document.getElementsByName("radio");
var radioValue;
for (var i = 0; i< radio.length; i++) {
if (radio[i].checked) {
radioValue = radio[i].value;
break;
}
}
// 復選框的值獲取
var checkbox = document.getElementsByName("checkbox");
var checkboxValue = [];
for (var i = 0; i< checkbox.length; i++) {
if (checkbox[i].checked) {
checkboxValue.push(checkbox[i].value);
}
}

在這個例子中，我們首先獲取相應的單選框和復選框，然后利用循環訪問每個選項。對于單選框，我們檢查每個選項的“checked”屬性，如果它被選中，我們通過value屬性獲取它的值并將其保存在radioValue中。對于復選框，我們通過數組方法用“checked”屬性判斷是否被選中，選中的值我們保存在checkboxValue數組中。

總結：JavaScript可以輕松地獲取HTML表單中所有類型的控件的值。只需使用適當的方法來增強用戶的交互性。