jQuery Form表单取值的方法

206 阅读 0 评论 136 点赞

我是靠谱客的博主顺利过客，最近开发中收集的这篇文章主要介绍jQuery Form表单取值的方法，觉得挺不错的，现在分享给大家，希望可以做个参考。

概述

之前js取form表单的值都是一个一个的取，数量一多之后容易出错而且烦透了。感谢那些愿意分享的人。

页面定义form，并给form指定id值，里面的元素只要是需要键值对应的都赋予name属性，并且name值等于后台能识别的参数名。

<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，可以直接传递给后台。

以上所述是小编给大家介绍的jQuery Form表单取值的方法，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持！