jQuery基礎 處理表單元素

2021-09-05 22:46:41 字數 1069 閱讀 9316

1.獲取input類的值:$("input").val();

2.獲取textarea類的值:$("textarea").val();

3.獲取select類的值:$("select").val();

當表單上含有多個input類(或者textarea類和select類),使用上述方法得到的將是乙個陣列。當然,你可以給這些控制項加上id,從而對某個特定的控制項取值,例如:$("input#myid").val()。

下面將對每一種控制項的取值方法做一一介紹:

1. input type="text" 單行文字輸入框和input type="password" 密碼輸入框

$("input").val();
2. input type="radio" 單選框

$("input:checked").val(); //使用checked,取被選中的單選框的值
3. input type="checkbox" 核取方塊 (值得注意)

$("input:checked").each(function(index));
//因為核取方塊的選擇結果通常大於1,所以得到的結果是陣列。
//使用.each()方法,可以把選擇的值一一取出。

4. input type="submit" (表單提交按鈕)

取值方法和單行文字輸入框的取法相同,但沒有什麼實際意義。

5. textarea 多行文字輸入框

$("textarea").val();
6. select 下拉框 (單選和多選)

$("select").val();
//注意:如果是複選,那麼得到的結果是用逗號分格的字串,例如:"選擇一,選擇二」。
注意:

$("form").submit(function());

jQuery基礎 處理表單元素

1.獲取input類的值 input val 2.獲取textarea類的值 textarea val 3.獲取select類的值 select val 當表單上含有多個input類 或者textarea類和select類 使用上述方法得到的將是乙個陣列。當然,你可以給這些控制項加上id,從而對某個...

使用jQuery的val 方法處理表單元素值

語法 val 功能 返回匹配集裡第乙個元素的value屬性。如果是多選元素,則返回所有選中項的陣列。返回 已獲取的值或陣列。注意 語法 val value 功能 把傳入的值設定為所有已匹配表單元素的值。引數 value 字串 用於設定包裝集裡各表單元素的value屬性。返回 包裝集。注意 不能把多個...

jQuery 處理元素內容 表單元素

處理元素內容 1 text方法 使用說明 1 不傳引數 得到jquery物件內所有元素及其後代元素的文字內容 2 傳入用於設定匹配元素的文字內容 3 傳入function 使用函式來設定jquery物件中每個元素的文字 兩個引數 第乙個表示當前元素序號,第二個引數表示當前元素的文字 函式內部this...