jQuery Form表单取值的方法


Posted in Javascript onJanuary 11, 2017

之前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表单取值的方法,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对三水点靠木网站的支持!

Javascript 相关文章推荐
一个简单的JS时间控件示例代码(JS时分秒时间控件)
Nov 22 Javascript
js判断鼠标左、中、右键哪个被点击的方法
Jan 27 Javascript
jQuery实现带有上下控制按钮的简单多行滚屏效果代码
Sep 04 Javascript
JS基于递归实现倒计时效果的方法
Nov 26 Javascript
JavaScript实现父子dom同时绑定两个点击事件,一个用捕获,一个用冒泡时执行顺序的方法
Mar 30 Javascript
Vue.js中兄弟组件之间互相传值实例
Jun 01 Javascript
angular框架实现全选与单选chekbox的自定义
Jul 06 Javascript
angular 内存溢出的问题解决
Jul 12 Javascript
javascript数据结构之多叉树经典操作示例【创建、添加、遍历、移除等】
Aug 01 Javascript
Vue配置marked链接添加target=&quot;_blank&quot;的方法
Jul 19 Javascript
layui弹出框Tab选项卡的示例代码
Sep 04 Javascript
vue实现按钮切换图片
Jan 20 Vue.js
vue实现ajax滚动下拉加载,同时具有loading效果(推荐)
Jan 11 #Javascript
浅谈JavaScript中promise的使用
Jan 11 #Javascript
JS多文件上传的实例代码
Jan 11 #Javascript
微信小程序开发(一) 微信登录流程详解
Jan 11 #Javascript
Javascript中return的使用与闭包详解
Jan 11 #Javascript
jQuery对table表格进行增删改查
Dec 22 #Javascript
javascript基础知识讲解
Jan 11 #Javascript
You might like
php管理nginx虚拟主机shell脚本实例
2014/11/19 PHP
PHP里8个鲜为人知的安全函数分析
2014/12/09 PHP
四个常见html网页乱码问题及解决办法
2015/09/08 PHP
PHP生成条形码大揭秘
2015/09/24 PHP
PHP面向对象程序设计高级特性详解(接口,继承,抽象类,析构,克隆等)
2016/12/02 PHP
javascript 树控件 比较好用
2009/06/11 Javascript
web页面数据展示新想法(json)
2010/06/08 Javascript
文本框回车提交与禁止提交示例
2013/09/27 Javascript
AngularJS初始化静态模板详解
2016/01/14 Javascript
js实现页面刷新滚动条位置不变
2016/11/27 Javascript
JavaScript中Promise的使用详解
2017/02/26 Javascript
webpack实用小功能介绍
2018/01/02 Javascript
总结js函数相关知识点
2018/02/27 Javascript
JQuery模拟实现网页中自定义鼠标右键菜单功能
2018/11/14 jQuery
解决vue-photo-preview 异步图片放大失效的问题
2020/07/29 Javascript
vue绑定数字类型 value为数字的实例
2020/08/31 Javascript
JavaScript实现表单验证功能
2020/12/09 Javascript
Python实现动态添加类的属性或成员函数的解决方法
2014/07/16 Python
Python中的赋值、浅拷贝、深拷贝介绍
2015/03/09 Python
pygame游戏之旅 添加碰撞效果的方法
2018/11/20 Python
python的内存管理和垃圾回收机制详解
2019/05/18 Python
Python集合基本概念与相关操作实例分析
2019/10/30 Python
python机器学习实现决策树
2019/11/11 Python
Python中文分词库jieba,pkusegwg性能准确度比较
2020/02/11 Python
Html5页面上如何禁止手机虚拟键盘弹出
2020/03/19 HTML / CSS
与C++相比,Java中的数组有什么不同
2014/03/25 面试题
优秀员工表扬信
2014/01/17 职场文书
个人自我评价和职业目标
2014/01/24 职场文书
美术教师自我鉴定
2014/02/12 职场文书
企业总经理岗位职责
2014/02/13 职场文书
岗位廉洁从业承诺书
2014/03/28 职场文书
2014年客房部工作总结
2014/11/22 职场文书
建党伟业电影观后感
2015/06/01 职场文书
指导教师推荐意见
2015/06/05 职场文书
JS setTimeout与setInterval的区别
2022/04/20 Javascript
Spring IOC容器Bean的作用域及生命周期实例
2022/05/30 Java/Android