jQuery獲取及設(shè)置表單input各種類型值的方法小結(jié)
本文實(shí)例講述了jQuery獲取及設(shè)置input各種類型值的方法。分享給大家供大家參考，具體如下：
獲取一組radio被選中項(xiàng)的值
var item = $("input[@name=items]：checked").val();
獲取select被選中項(xiàng)的文本
var item = $("select[@name=items] option[@selected]").text();
select下拉框的第二個(gè)元素為當(dāng)前選中值
$('#select_id')[0].selectedIndex = 1;
radio單選組的第二個(gè)元素為當(dāng)前選中值
$('input[@name=items]').get(1).checked = true;
獲取值：
文本框，文本區(qū)域：
$("#txt").attr("value");
$("#txt").val();
多選框checkbox：
$("#checkbox_id").attr("value");
單選組radio：
$("input[@type=radio][@checked]").val();
下拉框select：
$('#sel').val();
控制表單元素：
文本框，文本區(qū)域：
$("#txt").attr("value",'');//清空內(nèi)容
$("#txt").attr("value",'11');//填充內(nèi)容
多選框checkbox：
$("#chk1").attr("checked",'');//不打勾
$("#chk2").attr("checked",true);//打勾
if($("#chk1").attr('checked')==undefined) //判斷是否已經(jīng)打勾
單選組radio：
$("input[@type=radio]").attr("checked",'2');
//設(shè)置value=2的項(xiàng)目為當(dāng)前選中項(xiàng)
下拉框select：
$("#sel").attr("value",'-sel3');//設(shè)置value=-sel3的項(xiàng)目為當(dāng)前選中項(xiàng)
$("<optionvalue='1'>1111</option><optionvalue='2'>2222</option>")
.appendTo("#sel")//添加下拉框的option
$("#sel").empty();//清空下拉框
在Jquery中,用$("#id")來獲得頁面的input元素,其相當(dāng)于document.getElementById("element")但 是,該獲取的是一個(gè)Jquery對象,而不是一個(gè)dom element對象.value是dom element對象的屬性.所以,使用$("#id").value不能取到值取值的方法如下:
取值：
val = $("#id")[0].value;
$("#id")[0].value = "new value";
賦值：
$("#id")[0].value = "new value";
//或者$("#id").val("new value");
val = $("#id").attr("value");
更多關(guān)于jQuery相關(guān)內(nèi)容感興趣的讀者可查看本站專題：《jquery中Ajax用法總結(jié)》、《jQuery表格(table)操作技巧匯總》、《jQuery拖拽特效與技巧總結(jié)》、《jQuery擴(kuò)展技巧總結(jié)》、《jQuery常見經(jīng)典特效匯總》、《jQuery動畫與特效用法總結(jié)》、《jquery選擇器用法總結(jié)》及《jQuery常用插件及用法總結(jié)》
希望本文所述對大家jQuery程序設(shè)計(jì)有所幫助。
- input 輸入框獲得/失去焦點(diǎn)時(shí)隱藏/顯示文字(jquery版)
- jquery顯示隱藏input對象
- jQuery實(shí)現(xiàn)表單input中提示文字value隨鼠標(biāo)焦點(diǎn)移進(jìn)移出而顯示或隱藏的代碼
- jQuery 隱藏和顯示 input 默認(rèn)值示例
- jQuery通過改變input的type屬性實(shí)現(xiàn)密碼顯示隱藏切換功能
- jquery form 隱藏的input 選擇
- jQuery響應(yīng)鼠標(biāo)事件并隱藏與顯示input默認(rèn)值
- jQuery解決input超多的表單提交
- jquery獲取form表單input元素值的簡單實(shí)例
- jquery 動態(tài)增加,減少input表單的簡單方法(必看)
- jQuery實(shí)現(xiàn)提交表單時(shí)不提交隱藏div中input的方法
相關(guān)文章
這篇文章主要介紹了greybox——不開新窗口看新的網(wǎng)頁2007-02-02
這篇文章主要介紹了JQ實(shí)現(xiàn)新浪游戲首頁幻燈片,需要的朋友可以參考下2015-07-07
Jquery實(shí)現(xiàn)仿騰訊微博發(fā)表廣播
閑來無事做的一個(gè)Jquery實(shí)現(xiàn)仿騰訊微博發(fā)表廣播的特效，功能和樣子實(shí)現(xiàn)了，由于樣式是渣渣，所以小伙伴們想直接用的話，還得自己美化下2014-11-11
jQuery ajax 當(dāng)async為false時(shí)解決同步操作失敗的問題
這篇文章主要介紹了 jQuery ajax 當(dāng)async為false時(shí)解決同步操作失敗的問題的相關(guān)資料,需要的朋友可以參考下2016-11-11
jQuery+HTML5實(shí)現(xiàn)圖片上傳前預(yù)覽效果
這篇文章主要介紹了jQuery+HTML5實(shí)現(xiàn)圖片上傳前預(yù)覽效果,涉及jquery操作圖片動態(tài)顯示效果,非常簡單實(shí)用,需要的朋友可以參考下2015-08-08
本文是對jquery的map與get方法進(jìn)行了詳細(xì)的總結(jié)介紹，需要的朋友可以過來參考下，希望對大家有所幫助2013-11-11
很多網(wǎng)站上都有返回頂部的效果,本文闡述如何使用jquery實(shí)現(xiàn)返回頂部按鈕。希望大家能夠喜歡2016-02-02
如何用input標(biāo)簽和jquery實(shí)現(xiàn)多圖片的上傳和回顯功能
本文通過圖文并茂的形式給大家介紹了如何用input標(biāo)簽和jquery實(shí)現(xiàn)多圖片的上傳和回顯功能,需要的朋友可以參考下2018-05-05
Jquery進(jìn)度條插件 Progress Bar小問題解決
今天遇到一個(gè)進(jìn)度條的小問題，搞的我小糾結(jié)了一會，最后感謝同事分享文章，得以結(jié)局，呵呵，小經(jīng)驗(yàn)還是要保存的2011-07-07
實(shí)例詳解jQuery表單驗(yàn)證插件validate
validate插件是一個(gè)基于jquery的表單驗(yàn)證插件了里面有許多的常用的一些驗(yàn)證方法我們可以直接調(diào)用，具體的我們一起來看看2016-01-01