使用JavaScript中的input對象可以獲取文本框、單選鈕、多選鈕、下拉列表框和文件上傳框的值。本文將詳細介紹JavaScript中如何使用input對象。
文本框
文本框是最常用的表單元素之一，用戶可以在文本框中輸入文字、數字和符號等等。使用JavaScript獲取文本框的值非常簡單，只需要使用input對象，然后指定文本框的ID即可。例如：
在JavaScript中獲取該文本框的值可以使用以下代碼：
單選鈕
單選鈕允許用戶從一組互斥或相似的選項中進行選擇。在表單中，單選鈕使用標簽進行定義。獲取單選鈕的值也是非常簡單的，只需要使用input對象，然后再根據單選鈕的name屬性獲取其值即可。例如：
在JavaScript中獲取單選鈕的值可以使用以下代碼：
多選鈕
多選鈕允許用戶選擇多個項，每個選項之間是互不影響的。在表單中，多選鈕使用標簽進行定義。獲取多選鈕的值也是非常簡單的，只需要使用input對象，然后再根據多選鈕的name屬性獲取其值即可。例如：
在JavaScript中獲取多選鈕的值可以使用以下代碼：
下拉列表框
下拉列表框允許用戶從一個選項列表中選擇一個選項。在表單中，下拉列表框使用
文本框
文本框是最常用的表單元素之一，用戶可以在文本框中輸入文字、數字和符號等等。使用JavaScript獲取文本框的值非常簡單，只需要使用input對象，然后指定文本框的ID即可。例如：
<input type="text" id="username" name="username" value="請輸入用戶名">
在JavaScript中獲取該文本框的值可以使用以下代碼：
var userName = document.getElementById("username").value;單選鈕
單選鈕允許用戶從一組互斥或相似的選項中進行選擇。在表單中，單選鈕使用標簽進行定義。獲取單選鈕的值也是非常簡單的，只需要使用input對象，然后再根據單選鈕的name屬性獲取其值即可。例如：
<input type="radio" name="sex" value="male">男<br> <input type="radio" name="sex" value="female">女
在JavaScript中獲取單選鈕的值可以使用以下代碼：
var sex = document.getElementsByName("sex");
for (var i=0; i<sex.length; i++) {
if (sex[i].checked) {
var value = sex[i].value;
}
}多選鈕
多選鈕允許用戶選擇多個項，每個選項之間是互不影響的。在表單中，多選鈕使用標簽進行定義。獲取多選鈕的值也是非常簡單的，只需要使用input對象，然后再根據多選鈕的name屬性獲取其值即可。例如：
<input type="checkbox" name="lang" value="Java">Java<br> <input type="checkbox" name="lang" value="Python">Python<br> <input type="checkbox" name="lang" value="JavaScript">JavaScript
在JavaScript中獲取多選鈕的值可以使用以下代碼：
var language = document.getElementsByName("lang");
var langArray = new Array();
for (var i=0; i<language.length; i++) {
if (language[i].checked) {
langArray.push(language[i].value);
}
}
var lang = langArray.join(",");下拉列表框
下拉列表框允許用戶從一個選項列表中選擇一個選項。在表單中，下拉列表框使用