jquery獲取元素值的方法(常見的表單元素)
更新時間:2013年11月15日 17:11:54 作者:
獲取元素值的方法有很多,在本文將為大家詳細(xì)介紹下使用jquery是如何做到的,感興趣的朋友不要錯過
jquery radio取值,checkbox取值,select取值,radio選中,checkbox選中,select選中,及其相關(guān)
獲取一組radio被選中項(xiàng)的值
var item = $('input[name=items][checked]').val();
獲取select被選中項(xiàng)的文本
var item = $("select[name=items] option[selected]").text();
select下拉框的第二個元素為當(dāng)前選中值
$('#select_id')[0].selectedIndex = 1;
radio單選組的第二個元素為當(dāng)前選中值
$('input[name=items]').get(1).checked = true;
獲取值:
文本框,文本區(qū)域:$("#txt").attr("value");
多選框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)
$("<option value='1'>1111</option><option value='2'>2222</option>").appendTo("#sel")//添加下拉框的option
$("#sel").empty();//清空下拉框
獲取一組radio被選中項(xiàng)的值
var item = $('input[name=items][checked]').val();
獲取select被選中項(xiàng)的文本
var item = $("select[name=items] option[selected]").text();
select下拉框的第二個元素為當(dāng)前選中值
$('#select_id')[0].selectedIndex = 1;
radio單選組的第二個元素為當(dāng)前選中值
$('input[name=items]').get(1).checked = true;
獲取值:
文本框,文本區(qū)域:$("#txt").attr("value");
多選框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)
$("<option value='1'>1111</option><option value='2'>2222</option>").appendTo("#sel")//添加下拉框的option
$("#sel").empty();//清空下拉框
相關(guān)文章
詳解jquery validate實(shí)現(xiàn)表單驗(yàn)證 (正則表達(dá)式)
本篇文章主要介紹了jquery validate實(shí)現(xiàn)表單驗(yàn)證 (正則表達(dá)式),用戶填寫表單時,可以快速地對用戶填寫的數(shù)據(jù)進(jìn)行驗(yàn)證,并做出反饋。有興趣的可以了解一下。2017-01-01JQuery中根據(jù)屬性或?qū)傩灾但@得元素(6種情況獲取方法)
根據(jù)屬性或?qū)傩灾但@得元素本文介紹六種不同的情況獲取方法,有需要的朋友可以參考下2013-01-01jQuery.ajax 跨域請求webapi設(shè)置headers的解決方案
需要通過服務(wù)器端設(shè)置響應(yīng)頭、正確響應(yīng)options請求,正確設(shè)置 JavaScript端需要設(shè)置的headers信息方能實(shí)現(xiàn),本文介紹的非常詳細(xì),具有參考借鑒價值,需要的朋友可以參考下2016-08-08jQuery實(shí)現(xiàn)彈窗下底部頁面禁止滑動效果
在項(xiàng)目開發(fā)過程中,經(jīng)常會遇到帶有彈窗的頁面,尤其是在移動端。下面通過本文給大家分享jQuery實(shí)現(xiàn)彈窗下底部頁面禁止滑動效果,需要的朋友參考下吧2017-12-12jQuery實(shí)現(xiàn)的一個tab切換效果內(nèi)部還嵌有切換
這篇文章主要介紹了jQuery實(shí)現(xiàn)的一個tab切換效果,它的特色是內(nèi)部還嵌有切換,需要的朋友可以參考下2014-08-08jQuery中noconflict函數(shù)的實(shí)現(xiàn)原理分解
這篇文章主要介紹了jQuery中noconflict函數(shù)的實(shí)現(xiàn)原理分解,noconflict是用來防止變量沖突的,本文就分解了它的實(shí)現(xiàn)原理,并分析了它的實(shí)現(xiàn)源碼,需要的朋友可以參考下2015-02-02jQuery搜索框效果實(shí)現(xiàn)代碼(百度關(guān)鍵詞聯(lián)想)
這篇文章主要介紹了jQuery搜索框效果實(shí)現(xiàn)代碼,百度關(guān)鍵詞聯(lián)想,文中示例代碼介紹的非常詳細(xì),具有一定的參考價值,感興趣的小伙伴們可以參考一下2016-08-08