DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> jQuery入門知識 >> JQuery特效代碼 >> jQuery 處理表單元素的代碼
jQuery 處理表單元素的代碼
編輯:JQuery特效代碼     
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){
$("#result").append($(this).val() + " ");
});
//因為復選框的選擇結果通常大於1,所以得到的結果是數組。
//使用.each()方法,可以把選擇的值一一取出。
//這裡結果將被加入(append)到ID為"result"的段落裡4. input type="submit" (表單提交按鈕)

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

5. textArea 多行文本輸入框

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

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

對表單元素取值,通常是發生在表單別遞交後,在jQuery我們可以用下面的語句進行判斷:
$("form").submit(function(){
$("input").val();
});對表單元素設值,只要把要設置的值作為傳遞參數即可,例如:$("input").val("poluoluo.com");
XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved