jQuery 處理表單元素的代碼

2019-11-21 00:44:39

字體：大中小

來源：轉載

供稿：網友

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("VeVB.COm");

上一篇：JQuery 動畫卷頁返回頂部動畫特效(兼容Chrome)

下一篇：jQuery 樹形結構的選擇器