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代码
Apr 24 Javascript
javascript实现禁止复制网页内容
Dec 16 Javascript
jQuery的bind()方法使用详解
Jul 15 Javascript
纯javascript实现自动发送邮件
Oct 21 Javascript
JS实现把鼠标放到链接上出现滚动文字的方法
Apr 06 Javascript
基于jQuery实现的打字机效果
Jan 16 Javascript
angularjs数组判断是否含有某个元素的实例
Feb 27 Javascript
Vue-cli3简单使用(图文步骤)
Apr 30 Javascript
微信小程序实现组件顶端固定或底端固定效果(不随滚动而滚动)
Apr 09 Javascript
vue.js实现简单购物车功能
May 30 Javascript
node.js如何根据URL返回指定的图片详解
Oct 21 Javascript
如何在CocosCreator里画个炫酷的雷达图
Apr 16 Javascript
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
JS模拟多线程
2007/02/07 Javascript
IE和Firefox下event事件杂谈
2009/12/18 Javascript
JavaScript 10件让人费解的事情
2010/02/15 Javascript
菜鸟学习JavaScript小实验之函数引用
2010/11/17 Javascript
JQuery弹出层示例可自定义
2014/05/19 Javascript
jQuery中remove()方法用法实例
2014/12/25 Javascript
详解JavaScript基于面向对象之继承
2015/12/13 Javascript
jQuery提示插件qTip2用法分析(支持ajax及多种样式)
2016/06/08 Javascript
AngularJS ng-controller 指令简单实例
2016/08/01 Javascript
AngularGauge 属性解析详解
2016/09/06 Javascript
Vue.js第三天学习笔记(计算属性computed)
2016/12/01 Javascript
nodejs 实现钉钉ISV接入的加密解密方法
2017/01/16 NodeJs
BootStrap 弹出层代码
2017/02/09 Javascript
老生常谈jquery id选择器和class选择器的区别
2017/02/12 Javascript
微信小程序 image组件binderror使用例子与js中的onerror区别
2017/02/15 Javascript
jQuery EasyUI tree增加搜索功能的实现方法
2017/04/27 jQuery
js 用于检测类数组对象的函数方法
2017/05/02 Javascript
详解webpack和webpack-simple中如何引入css文件
2017/06/28 Javascript
React native ListView 增加顶部下拉刷新和底下点击刷新示例
2018/04/27 Javascript
使用Javascript简单计算器
2018/11/17 Javascript
在Linux下使用Python的matplotlib绘制数据图的教程
2015/06/11 Python
将python代码和注释分离的方法
2018/04/21 Python
python实现三维拟合的方法
2018/12/29 Python
python+pyqt5实现图片批量缩放工具
2019/03/18 Python
在pycharm中显示python画的图方法
2019/08/31 Python
利用python实现.dcm格式图像转为.jpg格式
2020/01/13 Python
JAVA程序设计笔试题面试题一套
2015/07/28 面试题
党委书记岗位职责
2013/11/24 职场文书
初一家长会邀请函
2014/01/31 职场文书
简历里的自我评价范文
2014/02/24 职场文书
《哪吒闹海》教学反思
2014/02/28 职场文书
第一批党的群众路线教育实践活动工作总结
2014/03/03 职场文书
战友聚会主持词
2014/04/02 职场文书
货物运输服务质量承诺书
2014/05/29 职场文书
夫妻分居协议书范本
2014/11/28 职场文书
2015年小学一年级班主任工作总结
2015/05/21 职场文书