這篇文章將為大家詳細講解有關jquery獲取表單標簽值的方法，小編覺得挺實用的，因此分享給大家做個參考，希望大家閱讀完這篇文章后可以有所收獲。

成都創新互聯公司是一家集網站建設,舟曲企業網站建設,舟曲品牌網站建設,網站定制,舟曲網站建設報價,網絡營銷,網絡優化,舟曲網站推廣為一體的創新建站企業，幫助傳統企業提升企業形象加強企業競爭力。可充分滿足這一群體相比中小企業更為豐富、高端、多元的互聯網需求。同時我們時刻保持專業、時尚、前沿，時刻以成就客戶成長自我，堅持不斷學習、思考、沉淀、凈化自己，讓我們為更多的企業打造出實用型網站。

使用jQuery來獲取表單的值是比較常見的做法。

常見表單

單行文字域：<input type='text'>

<input type="text" id='name' value='pelli'>

密碼域：<input type='password'>

<input type="password" id='pass' value='password'>

單選：<input type='radio'  name='sex'>男 <input type='radio' name='sex'>女

<input type="radio" name='sex' id='man' value="1">
<label for="man">男</label>
<input type="radio" name='sex' id='woman' value="0">
<label for="woman">女</label>

多選：　

<input type='checkbox' value='1' name='intrest'>籃球
<input type='checkbox' value='2' name='intrest'>足球
<input type='checkbox' value='3' name='intrest'>皮球

下拉列表：

<select name="city" id="city">
    <option value="1">北京</option>
    <option value="2">南京</option>
    <option value="3">上海</option>
    <option value="4">成都</option>
    <option value="5">西安</option>
</select>

多行文字域：<textarea>這里可以寫多行文字</textarea>

<textarea name="" id="remark" cols="30" rows="10">這里是備注</textarea>

用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);

一個可以獲取單選和多選的函數，返回值得數組:

//獲取單選或者多選的值，返回一個值得數組，如果沒有值，返回空數組，參數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;
}

總結：

單行文字：$("#text").val();

密碼：$("#pass").val();

單選：$("input:radio:checked").val();

多選：遍歷 $("input:checkbox"),判斷是否選中

下拉：$("#select").val();或者$("#select option:select").val();

多行文字：$("textarea").val();

關于jquery獲取表單標簽值的方法就分享到這里了，希望以上內容可以對大家有一定的幫助，可以學到更多知識。如果覺得文章不錯，可以把它分享出去讓更多的人看到。

另外有需要云服務器可以了解下創新互聯scvps.cn，海內外云服務器15元起步，三天無理由+7*72小時售后在線，公司持有idc許可證，提供“云服務器、裸金屬服務器、高防服務器、香港服務器、美國服務器、虛擬主機、免備案服務器”等云主機租用服務以及企業上云的綜合解決方案，具有“安全穩定、簡單易用、服務可用性高、性價比高”等特點與優勢，專為企業上云打造定制，能夠滿足用戶豐富、多元化的應用場景需求。

文章名稱：jquery獲取表單標簽值的方法-創新互聯
文章分享：http://www.yijiale78.com/article48/cegshp.html

成都網站建設公司_創新互聯，為您提供網站設計、小程序開發、手機網站建設、網站策劃、搜索引擎優化、微信公眾號

廣告

聲明：本網站發布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源： 創新互聯