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 相关文章推荐
JQueryEasyUI datagrid框架的基本使用
Apr 08 Javascript
Jquery结合HTML5实现文件上传
Jun 25 Javascript
JavaScript中使用数组方法汇总
Feb 16 Javascript
JavaScript+CSS实现的可折叠二级菜单实例
Feb 29 Javascript
Boostrap栅格系统与自己额外定义的媒体查询的冲突问题
Feb 19 Javascript
JavaScript实现反转字符串的方法详解
Apr 27 Javascript
vuex中使用对象展开运算符的示例
Sep 25 Javascript
通过JS运行机制的角度说说作用域
Mar 12 Javascript
Vue组件通信的几种实现方法
Apr 25 Javascript
javascript实现日历效果
Jun 17 Javascript
js实现录音上传功能
Nov 22 Javascript
详解微信小程序动画Animation执行过程
Sep 23 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
php auth_http类库进行身份效验
2009/03/19 PHP
php中JSON的使用方法
2015/04/30 PHP
在WordPress中安装使用视频播放器插件Hana Flv Player
2016/01/04 PHP
Zend Framework入门教程之Zend_Mail用法示例
2016/12/08 PHP
jquery text(),val(),html()方法区别总结
2013/11/04 Javascript
js实现目录定位正文示例
2013/11/14 Javascript
使用GruntJS构建Web程序之Tasks(任务)篇
2014/06/06 Javascript
如何用angularjs制作一个完整的表格
2016/01/21 Javascript
理解javascript定时器中的单线程
2016/02/23 Javascript
JQUERY表单暂存功能插件分享
2016/02/23 Javascript
BootStrap框架个人总结(bootstrap框架、导航条、下拉菜单、轮播广告carousel、栅格系统布局、标签页tabs、模态框、菜单定位)
2016/12/01 Javascript
javascript九宫格图片随机打乱位置的实现方法
2017/03/15 Javascript
在页面中引入js的两种方法(推荐)
2017/08/29 Javascript
vue组件系列之TagsInput详解
2020/05/14 Javascript
React Native登录之指纹登录篇的示例代码
2020/11/03 Javascript
Python封装shell命令实例分析
2015/05/05 Python
python基于xmlrpc实现二进制文件传输的方法
2015/06/02 Python
django使用xlwt导出excel文件实例代码
2018/02/06 Python
Python实现检测文件MD5值的方法示例
2018/04/11 Python
Python基于FTP模块实现ftp文件上传操作示例
2018/04/23 Python
python实现一组典型数据格式转换
2018/12/15 Python
Pyqt5 实现跳转界面并关闭当前界面的方法
2019/06/19 Python
python字典的遍历3种方法详解
2019/08/10 Python
pycharm运行scrapy过程图解
2019/11/22 Python
Python sqlalchemy时间戳及密码管理实现代码详解
2020/08/01 Python
Python获取excel内容及相关操作代码实例
2020/08/10 Python
非常漂亮的CSS3百叶窗焦点图动画
2016/02/24 HTML / CSS
英国和世界各地鲜花速递专家:Arena Flowers
2018/02/10 全球购物
自动化毕业生专业自荐书范文
2014/02/04 职场文书
职称评定自我鉴定
2014/03/18 职场文书
2014个人四风对照检查材料思想汇报
2014/09/18 职场文书
中国文明网向国旗敬礼寄语大全
2014/09/27 职场文书
2014乡镇领导班子四风对照检查材料思想汇报
2014/10/05 职场文书
幼儿园家长心得体会
2016/01/21 职场文书
反四风问题学习心得体会
2016/01/22 职场文书
《将心比心》教学反思
2016/02/23 职场文书