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