jQuery Form表單取值的方法

更新時(shí)間：2017年01月11日 09:16:19 作者：魚草野

這篇文章主要介紹了jQuery Form表單取值的方法，之前js取form表單的值都是一個(gè)一個(gè)的取，數(shù)量一多之后容易出錯(cuò)而且煩透了。具體jq form表單取值方法，大家通過本文學(xué)習(xí)下吧

之前js取form表單的值都是一個(gè)一個(gè)的取，數(shù)量一多之后容易出錯(cuò)而且煩透了。感謝那些愿意分享的人。

頁面定義form，并給form指定id值，里面的元素只要是需要鍵值對(duì)應(yīng)的都賦予name屬性，并且name值等于后臺(tái)能識(shí)別的參數(shù)名。

<form method='post' id="punishformID">
      <input hidden="hidden" name="Stu" value=@Model.Stu>
       <input hidden="hidden" name="StuRuleIDs" value=@Model.StuRuleIDs>
    </form>
  </div>
  <div style="margin-top:20px; padding-left:300px;">
    <button type="button" class="w-button w-button-submit" onclick="isagree();">確定</button>
   </button>
  </div>

function isagree() {
  var obj = $('#punishformID').serialize();
  $.ajax({
    type: "POST",
    url: "/Discipline/IsAgree",
    data: obj,// 要提交的表單
    success: function (msg) {
      easyuiAlert(msg);
    },
    error: function (error) {
      easyuiAlert(error);
    }
  });
}

$('#punishformID').serialize();就是取上面form的值，得到的是object，可以直接傳遞給后臺(tái)。

以上所述是小編給大家介紹的jQuery Form表單取值的方法，希望對(duì)大家有所幫助，如果大家有任何疑問請(qǐng)給我留言，小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)腳本之家網(wǎng)站的支持！

您可能感興趣的文章:

相關(guān)文章

jquery 輪換顯示第一小個(gè)例子
用jquery實(shí)現(xiàn)的橫向顯示輪換效果。
2010-05-05
jQuery ajax仿Google自動(dòng)提示SearchSuggess功能示例
這篇文章主要介紹了jQuery ajax仿Google自動(dòng)提示SearchSuggess功能,結(jié)合實(shí)例形式較為詳細(xì)的分析了jQuery結(jié)合ajax與.net后臺(tái)調(diào)用sql數(shù)據(jù)庫實(shí)現(xiàn)搜索自動(dòng)提示相關(guān)操作技巧,需要的朋友可以參考下
2019-03-03
jQuery實(shí)現(xiàn)圖片切換效果
這篇文章主要為大家詳細(xì)介紹了jQuery實(shí)現(xiàn)圖片切換效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2020-10-10
jQuery帶箭頭提示框tooltips插件集錦
這里給大家推薦幾款比較好用實(shí)用易用的jQuery帶箭頭提示框tooltips插件，兼容性都很不錯(cuò)，大家根據(jù)需要自由選擇吧
2014-11-11
jQuery實(shí)現(xiàn)定時(shí)隱藏對(duì)話框的方法分析
這篇文章主要介紹了jQuery實(shí)現(xiàn)定時(shí)隱藏對(duì)話框的方法,結(jié)合實(shí)例形式較為詳細(xì)的分析了jQuery定時(shí)隱藏對(duì)話框的相關(guān)函數(shù)、實(shí)現(xiàn)方法與操作注意事項(xiàng),需要的朋友可以參考下
2018-02-02
jQuery progressbar通過Ajax請(qǐng)求實(shí)現(xiàn)后臺(tái)進(jìn)度實(shí)時(shí)功能
這篇文章主要介紹了jQuery progressbar通過Ajax請(qǐng)求實(shí)現(xiàn)后臺(tái)進(jìn)度實(shí)時(shí)功能,具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2016-10-10
jQuery中on()方法用法實(shí)例詳解
這篇文章主要介紹了jQuery中on()方法用法,實(shí)例分析了on()方法的功能及各種常見的使用技巧,并對(duì)比分析了與bind(),live(),delegate()等方法的區(qū)別,需要的朋友可以參考下
2015-02-02
jQuery通過改變input的type屬性實(shí)現(xiàn)密碼顯示隱藏切換功能
大家在做登錄注冊(cè)功能的時(shí)候都會(huì)遇到用戶選擇自己輸入的密碼是否顯示需求，大家都是怎么實(shí)現(xiàn)的呢？今天小編給大家分享一種比較好用的方法jQuery通過改變input的type屬性實(shí)現(xiàn)密碼顯示隱藏切換功能，需要的朋友參考下
2017-02-02
jQuery ajax BUG：object doesn''t support this property or met
使用$.ajax時(shí)出現(xiàn)的錯(cuò)誤，IE7下才會(huì)出錯(cuò)，IE6,IE8都正常。
2010-07-07
jQuery leonaScroll 1.1 自定義滾動(dòng)條插件(推薦)
這篇文章主要介紹了jQuery leonaScroll 1.1 自定義滾動(dòng)條插件(推薦)的相關(guān)資料,非常不錯(cuò)，具有參考借鑒價(jià)值，需要的朋友可以參考下
2016-09-09