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 相关文章推荐
用Greasemonkey 脚本收藏网站会员信息到本地
Oct 26 Javascript
javascript Object与Function使用
Jan 11 Javascript
jQuery-serialize()输出序列化form表单值的方法
Dec 26 Javascript
JS中多种方式创建对象详解
Mar 22 Javascript
json对象与数组以及转换成js对象的简单实现方法
Jun 24 Javascript
js中document.referrer实现移动端返回上一页
Feb 22 Javascript
scrapyd schedule.json setting 传入多个值问题
Aug 07 Javascript
JS继承定义与使用方法简单示例
Feb 19 Javascript
js实现星星海特效的示例
Sep 28 Javascript
jQuery实现放大镜案例
Oct 19 jQuery
如何使用原生Js实现随机点名详解
Jan 06 Javascript
使用react+redux实现计数器功能及遇到问题
Jun 02 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 中的一些经验积累
2006/10/09 PHP
PHP+SQL 注入攻击的技术实现以及预防办法
2010/12/29 PHP
PHP跨时区(UTC时间)应用解决方案
2013/01/11 PHP
微信扫描二维码登录网站代码示例
2013/12/30 PHP
PHP文件与目录操作示例
2016/12/24 PHP
推荐dojo学习笔记
2007/03/24 Javascript
JavaScript中的prototype.bind()方法介绍
2014/04/04 Javascript
jquery form 隐藏的input 选择
2014/04/29 Javascript
js对字符的验证方法汇总
2015/02/04 Javascript
javascript异步编程代码书写规范Promise学习笔记
2015/02/11 Javascript
jQuery插件StickUp实现网页导航置顶
2015/04/12 Javascript
使用JQuery实现的分页插件分享
2015/11/05 Javascript
JavaScript头像上传插件源码分享
2016/03/29 Javascript
WEB前端开发框架Bootstrap3 VS Foundation5
2016/05/16 Javascript
获取当前月(季度/年)的最后一天(set相关操作及应用)
2016/12/27 Javascript
基于jstree使用AJAX请求获取数据形成树
2017/08/29 Javascript
用js实现before和after伪类的样式修改的示例代码
2017/09/07 Javascript
深入浅析Vue中的slots/scoped slots
2018/04/03 Javascript
Vue-router中hash模式与history模式的区别详解
2020/12/15 Vue.js
JavaScript Dom实现轮播图原理和实例
2021/02/19 Javascript
[02:01]BBC DOTA2国际邀请赛每日综述:八强胜者组鏖战,中国队喜忧参半
2014/07/19 DOTA
Python 实现链表实例代码
2017/04/07 Python
Python中作用域的深入讲解
2018/12/10 Python
对python周期性定时器的示例详解
2019/02/19 Python
python循环定时中断执行某一段程序的实例
2019/06/29 Python
在PyCharm中控制台输出日志分层级分颜色显示的方法
2019/07/11 Python
Python input函数使用实例解析
2019/11/22 Python
Django DRF认证组件流程实现原理详解
2020/08/17 Python
最新PyCharm从安装到PyCharm永久激活再到PyCharm官方中文汉化详细教程
2020/11/17 Python
详解background属性的8个属性值(面试题)
2020/11/02 HTML / CSS
公司司机岗位职责范本
2014/03/03 职场文书
人事任命书怎么写
2014/06/05 职场文书
优秀三好学生事迹材料
2014/08/31 职场文书
2014年信息宣传工作总结
2014/12/18 职场文书
springmvc直接不经过controller访问WEB-INF中的页面问题
2022/02/24 Java/Android
Android Flutter实现3D动画效果示例详解
2022/04/07 Java/Android