新聞中心
這篇文章將為大家詳細講解有關(guān)jquery獲取表單標簽值的方法,小編覺得挺實用的,因此分享給大家做個參考,希望大家閱讀完這篇文章后可以有所收獲。
使用jQuery來獲取表單的值是比較常見的做法。
常見表單
單行文字域:
密碼域:
單選:男 女
多選:
籃球 足球 皮球
下拉列表:
多行文字域:
用jQuery獲取表單標簽值
// 昵稱 var name = $("#name").val(); console.log(name); // 密碼 var pass = $("#pass").val(); console.log(pass); // 性別 var sex = $("input:radio:checked").val(); console.log(sex); // 性別 var sex1 = checkAll($("input:radio")); console.log(sex1); // 興趣 var hobby = checkAll($("input:checkbox")); console.log(hobby); // 城市 var city = $("#city").val(); console.log(city); // 城市 var city1 = $("#city option:selected").val(); console.log(city1); // 備注 var remark = $("#remark").val(); console.log(remark);
一個可以獲取單選和多選的函數(shù),返回值得數(shù)組:
//獲取單選或者多選的值,返回一個值得數(shù)組,如果沒有值,返回空數(shù)組,參數(shù)inputlist是jQuery對象 function checkAll(inputlist){ var arr = []; var num = inputlist.length; for(var i = 0; i < num; i++){ if(inputlist.eq(i).is(":checked")){ arr.push(inputlist.eq(i).val()); } } return arr; }
總結(jié):
單行文字:$("#text").val();
密碼:$("#pass").val();
單選:$("input:radio:checked").val();
多選:遍歷 $("input:checkbox"),判斷是否選中
下拉:$("#select").val();或者$("#select option:select").val();
多行文字:$("textarea").val();
關(guān)于jquery獲取表單標簽值的方法就分享到這里了,希望以上內(nèi)容可以對大家有一定的幫助,可以學(xué)到更多知識。如果覺得文章不錯,可以把它分享出去讓更多的人看到。
另外有需要云服務(wù)器可以了解下創(chuàng)新互聯(lián)scvps.cn,海內(nèi)外云服務(wù)器15元起步,三天無理由+7*72小時售后在線,公司持有idc許可證,提供“云服務(wù)器、裸金屬服務(wù)器、高防服務(wù)器、香港服務(wù)器、美國服務(wù)器、虛擬主機、免備案服務(wù)器”等云主機租用服務(wù)以及企業(yè)上云的綜合解決方案,具有“安全穩(wěn)定、簡單易用、服務(wù)可用性高、性價比高”等特點與優(yōu)勢,專為企業(yè)上云打造定制,能夠滿足用戶豐富、多元化的應(yīng)用場景需求。
名稱欄目:jquery獲取表單標簽值的方法-創(chuàng)新互聯(lián)
路徑分享:http://www.ef60e0e.cn/article/cegshp.html