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 相关文章推荐
Jquery 效果使用详解
Nov 23 Javascript
详解JavaScript基本类型和引用类型
Dec 09 Javascript
jQuery对象的链式操作用法分析
May 10 Javascript
用js动态添加html元素,以及属性的简单实例
Jul 19 Javascript
新闻上下滚动jquery 超简洁(必看篇)
Jan 21 Javascript
微信公众号菜单配置微信小程序实例详解
Mar 31 Javascript
微信小程序商城项目之商品属性分类(4)
Apr 17 Javascript
.vue文件 加scoped 样式不起作用的解决方法
May 28 Javascript
详解基于webpack&amp;gettext的前端多语言方案
Jan 29 Javascript
使用layui的layer组件做弹出层的例子
Sep 27 Javascript
解决elementUI 切换tab后 el_table 固定列下方多了一条线问题
Jul 19 Javascript
vue实现广告栏上下滚动效果
Nov 26 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
咖啡的传说和历史
2021/03/03 新手入门
数组与类使用PHP的可变变量名需要的注意的问题
2013/06/20 PHP
php+ajax实现图片文件上传功能实例
2014/06/17 PHP
PHP之正则表达式捕获组与非捕获组(详解)
2015/07/29 PHP
php求数组全排列,元素所有组合的方法
2016/05/05 PHP
kmock javascript 单元测试代码
2011/02/06 Javascript
如何实现移动端浏览器不显示 pc 端的广告
2015/10/15 Javascript
Jquery跨浏览器文本复制插件Zero Clipboard的使用方法
2016/02/28 Javascript
js实现打地鼠小游戏
2017/02/13 Javascript
Node.js开发第三方微信公众平台
2017/06/05 Javascript
js实现带进度条提示的多视频上传功能
2020/12/13 Javascript
基于js中document.cookie全面解析
2017/09/14 Javascript
详解vue-template-admin三级路由无法缓存的解决方案
2020/03/10 Javascript
vue 使用 vue-pdf 实现pdf在线预览的示例代码
2020/04/26 Javascript
jquery实现抽奖功能
2020/10/22 jQuery
[53:21]2014 DOTA2国际邀请赛中国区预选赛5.21 DT VS LGD-CDEC
2014/05/22 DOTA
python简单获取数组元素个数的方法
2015/07/13 Python
Python获取暗黑破坏神3战网前1000命位玩家的英雄技能统计
2016/07/04 Python
磁盘垃圾文件清理器python代码实现
2020/08/24 Python
python切片及sys.argv[]用法详解
2018/05/25 Python
Python实现微信自动好友验证,自动回复,发送群聊链接方法
2019/02/21 Python
python 弹窗提示警告框MessageBox的实例
2019/06/18 Python
python如何获取apk的packagename和activity
2020/01/10 Python
Anaconda+VSCode配置tensorflow开发环境的教程详解
2020/03/30 Python
CSS3实现王者匹配时的粒子动画效果
2019/04/12 HTML / CSS
如何提高JDBC的性能
2013/04/30 面试题
财经学院自荐信范文
2014/02/02 职场文书
减负增效提质方案
2014/05/23 职场文书
事业单位鉴定材料
2014/05/25 职场文书
2014年党课学习心得体会
2014/07/08 职场文书
元旦晚会活动总结
2014/07/09 职场文书
新闻传播专业求职信
2014/07/22 职场文书
2015年保送生自荐信
2015/03/24 职场文书
运动员加油词
2015/07/18 职场文书
诺贝尔奖获得者名言100句:句句启人心智,值永久收藏
2019/08/09 职场文书
解读Vue组件注册方式
2021/05/15 Vue.js