使用JavaScript中的input對(duì)象可以獲取文本框、單選鈕、多選鈕、下拉列表框和文件上傳框的值。本文將詳細(xì)介紹JavaScript中如何使用input對(duì)象。
文本框
文本框是最常用的表單元素之一，用戶可以在文本框中輸入文字、數(shù)字和符號(hào)等等。使用JavaScript獲取文本框的值非常簡(jiǎn)單，只需要使用input對(duì)象，然后指定文本框的ID即可。例如：

<input type="text" id="username" name="username" value="請(qǐng)輸入用戶名">

在JavaScript中獲取該文本框的值可以使用以下代碼：

var userName = document.getElementById("username").value;

單選鈕
單選鈕允許用戶從一組互斥或相似的選項(xiàng)中進(jìn)行選擇。在表單中，單選鈕使用標(biāo)簽進(jìn)行定義。獲取單選鈕的值也是非常簡(jiǎn)單的，只需要使用input對(duì)象，然后再根據(jù)單選鈕的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;
}
}

多選鈕
多選鈕允許用戶選擇多個(gè)項(xiàng)，每個(gè)選項(xiàng)之間是互不影響的。在表單中，多選鈕使用標(biāo)簽進(jìn)行定義。獲取多選鈕的值也是非常簡(jiǎn)單的，只需要使用input對(duì)象，然后再根據(jù)多選鈕的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(",");

下拉列表框
下拉列表框允許用戶從一個(gè)選項(xiàng)列表中選擇一個(gè)選項(xiàng)。在表單中，下拉列表框使用標(biāo)簽進(jìn)行定義。獲取下拉列表框的值也是非常簡(jiǎn)單的，只需要使用input對(duì)象，然后再根據(jù)下拉列表框的ID屬性獲取其值即可。例如：

<select id="city">
<option value="bj">北京</option>
<option value="sh">上海</option>
<option value="gz">廣州</option>
</select>

在JavaScript中獲取下拉列表框的值可以使用以下代碼：

var city = document.getElementById("city").value;

文件上傳框
文件上傳框允許用戶選擇一個(gè)或多個(gè)文件進(jìn)行上傳操作。在表單中，文件上傳框使用標(biāo)簽進(jìn)行定義。獲取文件上傳框的值也是非常簡(jiǎn)單的，只需要使用input對(duì)象，然后再根據(jù)文件上傳框的ID屬性獲取其值即可。例如：

<input type="file" id="file">

在JavaScript中獲取文件上傳框的值可以使用以下代碼：

var file = document.getElementById("file").value;

總結(jié)
以上就是關(guān)于JavaScript中input對(duì)象的詳細(xì)介紹和示例。通過(guò)使用input對(duì)象，我們可以獲取表單中的各種表單元素的值，從而實(shí)現(xiàn)表單的驗(yàn)證和數(shù)據(jù)提交等功能。需要注意的是，獲取表單元素的值一定要在用戶提交表單之前進(jìn)行，否則獲取的值為空或錯(cuò)誤。