jQuery 處理表單元素的代碼
更新時(shí)間:2010年02月15日 15:11:26 作者:
jQuery基礎(chǔ) -- 處理表單元素
1.獲取input類(lèi)的值: $("input").val();
2.獲取textarea類(lèi)的值: $("textarea").val();
3.獲取select類(lèi)的值:$("select").val();
當(dāng)表單上含有多個(gè)input類(lèi)(或者textarea類(lèi)和select類(lèi)),使用上述方法得到的將是一個(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" (表單提交按鈕)
取值方法和單行文本輸入框的取法相同,但沒(méi)有什么實(shí)際意義。
5. textArea 多行文本輸入框
$("textarea").val();6. select 下拉框 (單選和多選)
$("select").val();
//注意:如果是復(fù)選,那么得到的結(jié)果是用逗號(hào)分格的字符串,例如:"選擇一,選擇二”。注意:
對(duì)表單元素取值,通常是發(fā)生在表單別遞交后,在jQuery我們可以用下面的語(yǔ)句進(jìn)行判斷:
$("form").submit(function(){
$("input").val();
});對(duì)表單元素設(shè)值,只要把要設(shè)置的值作為傳遞參數(shù)即可,例如:$("input").val("jb51.net");
2.獲取textarea類(lèi)的值: $("textarea").val();
3.獲取select類(lèi)的值:$("select").val();
當(dāng)表單上含有多個(gè)input類(lèi)(或者textarea類(lèi)和select類(lèi)),使用上述方法得到的將是一個(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" (表單提交按鈕)
取值方法和單行文本輸入框的取法相同,但沒(méi)有什么實(shí)際意義。
5. textArea 多行文本輸入框
$("textarea").val();6. select 下拉框 (單選和多選)
$("select").val();
//注意:如果是復(fù)選,那么得到的結(jié)果是用逗號(hào)分格的字符串,例如:"選擇一,選擇二”。注意:
對(duì)表單元素取值,通常是發(fā)生在表單別遞交后,在jQuery我們可以用下面的語(yǔ)句進(jìn)行判斷:
$("form").submit(function(){
$("input").val();
});對(duì)表單元素設(shè)值,只要把要設(shè)置的值作為傳遞參數(shù)即可,例如:$("input").val("jb51.net");
相關(guān)文章
jQuery中delegate與on的用法與區(qū)別示例介紹
jQuery1.7中 .delegate()已被.on()取代,下面以示例的方式為大家介紹下jQuery中delegate與on的用法與區(qū)別,感興趣的朋友可以參考下2013-12-12js jquery驗(yàn)證銀行卡號(hào)信息正則學(xué)習(xí)
銀行卡號(hào)格式驗(yàn)證如何錯(cuò)誤將提示:格式錯(cuò)誤,應(yīng)該是19位數(shù)字,利用正則實(shí)現(xiàn),感興趣的朋友可以了解下,希望本文對(duì)你學(xué)習(xí)正則有所幫助2013-01-01jQuery maxlength文本字?jǐn)?shù)限制插件
相信大家對(duì)twitter類(lèi)的微博客都不陌生,作為一句話博客其字?jǐn)?shù)即時(shí)提示效果設(shè)計(jì)的非常人性化.2010-04-04etmvc+jQuery EasyUI+combobox多值操作實(shí)現(xiàn)角色授權(quán)實(shí)例
本篇文章主要介紹了etmvc+jQuery EasyUI+combobox多值操作實(shí)現(xiàn)角色授權(quán),實(shí)現(xiàn)對(duì)角色role進(jìn)行授權(quán)操作,有需要的可以了解一下。2016-11-11jQuery實(shí)現(xiàn)導(dǎo)航高亮的方法【附demo源碼下載】
這篇文章主要介紹了jQuery實(shí)現(xiàn)導(dǎo)航高亮的方法,涉及針對(duì)鼠標(biāo)事件的相應(yīng)及頁(yè)面元素屬性動(dòng)態(tài)變換的相關(guān)操作技巧,并附帶demo源碼供讀者下載,需要的朋友可以參考下2016-11-11動(dòng)態(tài)標(biāo)簽 懸停效果 延遲加載示例代碼
懸停效果、延遲加載想必大家都有見(jiàn)到過(guò)吧,在本文將為大家介紹下是如何實(shí)現(xiàn)的,感興趣的朋友不要錯(cuò)過(guò)2013-11-11jquery實(shí)現(xiàn)企業(yè)定位式導(dǎo)航效果
這篇文章主要介紹了jquery實(shí)現(xiàn)企業(yè)定位式導(dǎo)航效果2018-01-01