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 相关文章推荐
很酷的javascript loading效果代码
Jun 18 Javascript
javascript 最常用的10个自定义函数[推荐]
Dec 26 Javascript
Javascript 读书笔记索引贴
Jan 11 Javascript
jquery 页面全选框实践代码
Apr 02 Javascript
jQuery下的几个你可能没用过的功能
Aug 29 Javascript
Grid得到选择行数据的方法总结
Jan 17 Javascript
jquery中防刷IP流量软件影响统计的一点对策
Jul 10 Javascript
Jquery实现自定义tooltip示例代码
Feb 12 Javascript
全面详细的jQuery常见开发技巧手册
Feb 21 Javascript
JS实现输入框提示文字点击时消失效果
Jul 19 Javascript
KnockoutJS 3.X API 第四章之数据控制流component绑定
Oct 10 Javascript
浅谈webpack4.x 入门(一篇足矣)
Sep 05 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
雄兵连:第三季确定会出,不过时间未定,鹤熙是第三季的主角!
2020/03/13 国漫
php join函数应用
2011/05/04 PHP
Uncaught exception com_exception with message Failed to create COM object
2012/01/11 PHP
PHP实现把数字ID转字母ID
2013/08/12 PHP
ThinkPHP模板Volist标签嵌套循环输出多维数组的方法
2016/03/23 PHP
PHP 使用二进制保存用户状态的实例
2018/01/29 PHP
js判断IE6/IE7/FF的代码[XMLHttpRequest]
2011/02/16 Javascript
基于jQuery+HttpHandler实现图片裁剪效果代码(适用于论坛, SNS)
2011/09/02 Javascript
js实现运动logo图片效果及运动元素对象sportBox使用方法
2012/12/25 Javascript
jquery 多行文本框(textarea)高度变化
2013/07/03 Javascript
js实现键盘操作实现div的移动或改变的原理及代码
2014/06/23 Javascript
js的toUpperCase方法用法实例
2015/01/27 Javascript
Javascript动态创建div的方法
2015/02/09 Javascript
jQuery选择器源码解读(八):addCombinator函数
2015/03/31 Javascript
JavaScript编程中实现对象封装特性的实例讲解
2016/06/24 Javascript
JS 终止执行的实现方法
2016/11/24 Javascript
Vue.js对象转换实例
2017/06/07 Javascript
jQuery 表单序列化实例代码
2017/06/11 jQuery
react redux入门示例
2018/04/19 Javascript
微信小程序实现订单倒计时
2020/11/01 Javascript
JQuery+Bootstrap 自定义全屏Loading插件的示例demo
2019/07/03 jQuery
vue实现输入框的模糊查询的示例代码(节流函数的应用场景)
2019/09/01 Javascript
node实现mock-plugin中间件的方法
2019/12/25 Javascript
element日历calendar组件上月、今天、下月、日历块点击事件及模板源码
2020/07/27 Javascript
详解Vue数据驱动原理
2020/11/17 Javascript
[27:02]2014 DOTA2国际邀请赛中国区预选赛 5 23 CIS VS LGD第三场
2014/05/24 DOTA
Python高效编程技巧
2013/01/07 Python
Python自定义函数实现求两个数最大公约数、最小公倍数示例
2018/05/21 Python
python+selenium定时爬取丁香园的新型冠状病毒数据并制作出类似的地图(部署到云服务器)
2020/02/09 Python
Django模板标签中url使用详解(url跳转到指定页面)
2020/03/19 Python
CSS3实现复选框动画特效示例代码
2016/09/27 HTML / CSS
优秀实习生感言
2014/03/01 职场文书
语文教研活动总结
2014/07/02 职场文书
岗位安全生产责任书
2014/07/28 职场文书
《爱的教育》读书心得
2014/11/08 职场文书
新员工实习期个人工作总结
2015/10/15 职场文书