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對(duì)象,而不是一個(gè)dom element對(duì)象.value是dom element對(duì)象的屬性.所以,使用$("#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動(dòng)畫與特效用法總結(jié)》、《jquery選擇器用法總結(jié)》及《jQuery常用插件及用法總結(jié)》
希望本文所述對(duì)大家jQuery程序設(shè)計(jì)有所幫助。
- input 輸入框獲得/失去焦點(diǎn)時(shí)隱藏/顯示文字(jquery版)
- jquery顯示隱藏input對(duì)象
- 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元素值的簡(jiǎn)單實(shí)例
- jquery 動(dòng)態(tài)增加,減少input表單的簡(jiǎn)單方法(必看)
- jQuery實(shí)現(xiàn)提交表單時(shí)不提交隱藏div中input的方法
相關(guān)文章
jquery獲取iframe中的dom對(duì)象(兩種方法)
本文為大家詳細(xì)介紹下父窗口中操作iframe、在子窗口中操作父窗口,獲取iframe內(nèi)的dom對(duì)象有兩種方法,感興趣的朋友可以了解下哈,希望對(duì)大家有所幫助2013-07-07一款簡(jiǎn)單的jQuery圖片標(biāo)注效果附源碼下載
在一些電商網(wǎng)站和家居網(wǎng)站上我們會(huì)看到這樣的應(yīng)用,一張圖片中顯示多種商品,點(diǎn)擊每個(gè)商品可以彈出對(duì)應(yīng)商品的簡(jiǎn)單介紹,包括價(jià)格等等,極大的提高了用戶體驗(yàn),今天我們通過實(shí)例給大家分享使用jQuery插件來實(shí)現(xiàn)這一效果2016-03-03輕松學(xué)習(xí)jQuery插件EasyUI EasyUI表單驗(yàn)證
輕松學(xué)習(xí)jQuery插件EasyUI,本文的重點(diǎn)在于EasyUI表單驗(yàn)證,并告訴大家如何提交表單,感興趣的小伙伴們可以參考一下2015-12-12jquery在項(xiàng)目中做復(fù)選框時(shí)遇到的一些問題筆記
在實(shí)踐中還是遇到了很多的問題,注意在input的checkbox中,用普通的attr屬性來判斷是不可以的,因?yàn)閏hecked的值是checked,因此做個(gè)筆記2013-11-11jQuery對(duì)JSON數(shù)據(jù)進(jìn)行排序輸出的方法
這篇文章主要介紹了jQuery對(duì)JSON數(shù)據(jù)進(jìn)行排序輸出的方法,涉及jQuery中g(shù)etJSON與sort等方法的使用技巧,需要的朋友可以參考下2015-06-06