jQuery 處理表單元素的代碼

2024-05-06 14:11:31

字體：大中小

供稿：網(wǎng)友

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

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

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

當(dāng)表單上含有多個(gè)input類（或者textarea類和select類），使用上述方法得到的將是一個(gè)數(shù)組。當(dāng)然，你可以給這些控件加上ID，從而對(duì)某個(gè)特定的控件取值，例如：$("input#myID").val()。

下面將對(duì)每一種控件的取值方法做一一介紹：

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

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

$("input:checked").val(); //使用checked，取被選中的單選框的值3. input type="checkbox" 復(fù)選框 (值得注意)

$("input:checked").each(function(index){
$("#result").append($(this).val() + " ");
});
//因?yàn)閺?fù)選框的選擇結(jié)果通常大于1，所以得到的結(jié)果是數(shù)組。
//使用.each()方法，可以把選擇的值一一取出。
//這里結(jié)果將被加入(append)到ID為"result"的段落里4. input type="submit" (表單提交按鈕)

取值方法和單行文本輸入框的取法相同，但沒有什么實(shí)際意義。

5. textArea 多行文本輸入框

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

$("select").val();
//注意：如果是復(fù)選，那么得到的結(jié)果是用逗號(hào)分格的字符串，例如："選擇一，選擇二”。注意：

對(duì)表單元素取值，通常是發(fā)生在表單別遞交后，在jQuery我們可以用下面的語句進(jìn)行判斷：
$("form").submit(function(){
$("input").val();
});對(duì)表單元素設(shè)值，只要把要設(shè)置的值作為傳遞參數(shù)即可，例如：$("input").val("Vevb.com");

上一篇：jQuery 添加/移除CSS類實(shí)現(xiàn)代碼

下一篇：JavaScript DOM學(xué)習(xí)第一章 W3C DOM簡(jiǎn)介