jQuery 處理表單元素的代碼
更新時(shí)間：2010年02月15日 15:11:26 作者：
jQuery基礎(chǔ) -- 處理表單元素
1.獲取input類的值： $("input").val();
2.獲取textarea類的值: $("textarea").val();
3.獲取select類的值：$("select").val();
當(dāng)表單上含有多個(gè)input類（或者textarea類和select類），使用上述方法得到的將是一個(gè)數(shù)組。當(dāng)然，你可以給這些控件加上ID，從而對某個(gè)特定的控件取值，例如：$("input#myID").val()。
下面將對每一種控件的取值方法做一一介紹：
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é)果是用逗號分格的字符串，例如："選擇一，選擇二”。注意：
對表單元素取值，通常是發(fā)生在表單別遞交后，在jQuery我們可以用下面的語句進(jìn)行判斷：
$("form").submit(function(){
$("input").val();
});對表單元素設(shè)值，只要把要設(shè)置的值作為傳遞參數(shù)即可，例如：$("input").val("jb51.net");
2.獲取textarea類的值: $("textarea").val();
3.獲取select類的值：$("select").val();
當(dāng)表單上含有多個(gè)input類（或者textarea類和select類），使用上述方法得到的將是一個(gè)數(shù)組。當(dāng)然，你可以給這些控件加上ID，從而對某個(gè)特定的控件取值，例如：$("input#myID").val()。
下面將對每一種控件的取值方法做一一介紹：
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é)果是用逗號分格的字符串，例如："選擇一，選擇二”。注意：
對表單元素取值，通常是發(fā)生在表單別遞交后，在jQuery我們可以用下面的語句進(jìn)行判斷：
$("form").submit(function(){
$("input").val();
});對表單元素設(shè)值，只要把要設(shè)置的值作為傳遞參數(shù)即可，例如：$("input").val("jb51.net");
相關(guān)文章
基于jquery實(shí)現(xiàn)的文字向上跑動(dòng)類似跑馬燈的效果
這篇文章主要介紹了基于jquery實(shí)現(xiàn)的文字向上跑動(dòng)效果類似跑馬燈,需要的朋友可以參考下2014-06-06
jquery實(shí)現(xiàn)初次打開有動(dòng)畫效果的網(wǎng)頁TAB切換代碼
這篇文章主要介紹了jquery實(shí)現(xiàn)初次打開有動(dòng)畫效果的網(wǎng)頁TAB切換代碼,涉及jquery通過鼠標(biāo)click事件控制頁面元素屬性的動(dòng)態(tài)變換實(shí)現(xiàn)技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-09-09
jQuery.ajax 跨域請求webapi設(shè)置headers的解決方案
需要通過服務(wù)器端設(shè)置響應(yīng)頭、正確響應(yīng)options請求，正確設(shè)置 JavaScript端需要設(shè)置的headers信息方能實(shí)現(xiàn)，本文介紹的非常詳細(xì)，具有參考借鑒價(jià)值，需要的朋友可以參考下2016-08-08
jquery滾動(dòng)條插件slimScroll使用方法
這篇文章主要為大家詳細(xì)介紹了jquery滾動(dòng)條插件slimScroll的使用方法，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-02-02
jQuery+php實(shí)時(shí)獲取及響應(yīng)文本框輸入內(nèi)容的方法
這篇文章主要介紹了jQuery+php實(shí)時(shí)獲取及響應(yīng)文本框輸入內(nèi)容的方法,涉及jQuery響應(yīng)鍵盤事件及ajax調(diào)用php文件針對輸入內(nèi)容的處理與回調(diào)相關(guān)技巧,非常簡單易懂,需要的朋友可以參考下2016-05-05
這篇文章主要介紹了jquery判斷復(fù)選框是否被選中的方法，需要的朋友可以參考下2015-10-10
這篇文章主要內(nèi)容是jQuery無刷新切換主題皮膚實(shí)例講解，本文應(yīng)用cookie記錄用戶所選擇設(shè)置的主題皮膚樣式，需要了解的朋友可以參考下2015-10-10
jQuery實(shí)現(xiàn)表格的數(shù)據(jù)拖拽
這篇文章主要為大家詳細(xì)介紹了jQuery實(shí)現(xiàn)表格的數(shù)據(jù)拖拽，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2022-02-02
基于jQuery實(shí)現(xiàn)仿淘寶套餐選擇插件
本文給大家介紹的是一款基于jQuery實(shí)現(xiàn)放淘寶套餐選擇的插件，主要是基于本地json數(shù)據(jù)的選擇列創(chuàng)建，有需要的小伙伴參考下。2015-03-03
jquery表格內(nèi)容篩選實(shí)現(xiàn)思路及代碼
基于jquery實(shí)現(xiàn)表格內(nèi)容篩選，本文采用兩種方式實(shí)現(xiàn)，感興趣的朋友可以參考下哈，希望對你學(xué)習(xí)jquery篩選有所幫助2013-04-04