在前端開發(fā)中,表單元素是非常常見的控件。而獲取表單元素的值也是我們經(jīng)常需要用到的操作。本文將介紹如何使用 jQuery 獲取表單元素的值。
put 輸入框的值
1. 獲取單行文本框的值
使用 jQuery 的 val() 方法可以獲取單行文本框的值。例如:
```putame">
獲取其值的代碼為:
```ameame').val();
2. 獲取密碼框的值
put 的 type 屬性設(shè)置為 password 即可。例如:
```put type="password" id="password">
獲取其值的代碼為:
var password = $('#password').val();
3. 獲取多行文本框的值
多行文本框與單行文本框的獲取方法相同。例如:
```tent">
獲取其值的代碼為:
```tenttent').val();
二、獲取 select 下拉框的值
使用 jQuery 的 val() 方法可以獲取 select 下拉框的值。例如:
獲取其值的代碼為:
var fruit = $('#fruit').val();
如果要獲取選中項的文本,可以使用 text() 方法。例如:
```:selected').text();
三、獲取 radio 單選框的值
ame 屬性必須相同。例如:
```putamederale">男putamederale">女
獲取其值的代碼為:
```derputameder"]:checked').val();
四、獲取 checkbox 復(fù)選框的值
ame 屬性也必須相同。不同的是,checkbox 復(fù)選框可以有多個選中項,需要使用 each() 方法遍歷選中項。